Tempered Emerald color palette — #FCF3F0 · #CFE8CF · #58C0E5 · #549F63 · #1C3C60
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3F0): a clean, paper-quiet neutral.
- Celadon Mist (#CFE8CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#58C0E5): A luminous, balanced blue — the color of open sky before noon.
- Fern (#549F63): A luminous, balanced green — the color of fresh herbs.
- Navy (#1C3C60): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Emerald into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Tempered Harbor color palette (#FCF3EC, #C4EADC, #95B0F2, #00A09B, #3D3358)
- Tempered Orchard color palette (#F9F4ED, #BEE1E7, #3EB8CE, #008267, #003445)
- Gentle Delta color palette (#FFD9E0, #F1A4F7, #2BC1B0, #45A666, #3A203C)
- Faded Azure color palette (#EBDAD3, #88CDD6, #229DD6, #008252, #05194E)
- Antique Ridge color palette (#FCF3F1, #C0E3E8, #A8D2BC, #86AE89, #5C4C5E)
- Antique Forest color palette (#F7EFF7, #A3D0DD, #0088AE, #006029, #0D2137)
- Tempered Cobalt color palette (#F2E0D9, #6CADB2, #007FAA, #006136, #000720)
- Worn Stone Lantern color palette (#EFE8D1, #ADCD99, #A4A168, #94734B, #273700)
Browse the whole catalog at Explore, or see today's palette.