Envy

SW 6925 / Sherwin-Williams
#358C3F

An earthy, deep green shade that shifts beautifully between natural and artificial light.

Spec Sheet

Hex#358C3F
RGB53, 140, 63
HSL127°, 45%, 38%
On White 4.22:1 AA Large
On Black 4.97:1 AA

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #F3F7F3
Text: #1E3420
Accent: #358C3F
Support: #B946AB
Neutral: #B8C6C1

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text
Learn more about AI Palette

Design System from Envy Palettes are free. Exports aren't.

#F3F7F3 background RGB 243 247 243
#1E3420 ink RGB 30 52 32
#358C3F accent RGB 53 140 63
#B946AB support RGB 185 70 171
#B8C6C1 neutral RGB 184 198 193
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F3F7F3;
  --palette-ink: #1E3420;
  --palette-accent: #358C3F;
  --palette-support: #B946AB;
  --palette-neutral: #B8C6C1;
}

Tailwind Config

{
  "palette-background": "#F3F7F3",
  "palette-ink": "#1E3420",
  "palette-accent": "#358C3F",
  "palette-support": "#B946AB",
  "palette-neutral": "#B8C6C1"
}

Pro Exports Pro

Color Blindness Simulation

#8E8038
Protanopia
#837845
Deuteranopia
#22897B
Tritanopia

Build a design system around Envy.