Jade Coast color palette — #F0F7F0 · #EDE8B6 · #8BAA64 · #647E63 · #293E33
Built around Moss, softened by Celadon Mist — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F7F0): bright and airy, almost weightless.
- Celadon Mist (#EDE8B6): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8BAA64): A luminous, balanced green — the color of fresh herbs.
- Fern (#647E63): A full-bodied, dusty green — the color of a quiet forest floor.
- Forest (#293E33): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Jade Coast 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
- Hushed Teal color palette (#EDF8F4, #B6E8FA, #5CB09C, #5C7F74, #203F3D)
- Chestnut Market color palette (#FBF4E9, #BCAE8B, #6E7950, #775205, #524000)
- Soft Boulevard color palette (#D9FFF1, #ACE69D, #35C480, #00856D, #004545)
- Hushed Moss color palette (#EEF8EE, #D9D390, #729844, #376D73, #162D22)
- Sand Orchard color palette (#FDF4E4, #DED89C, #ACB17A, #9C8E74, #524000)
- Pine Pier color palette (#EBFAEE, #A1A963, #217300, #004641, #000A06)
- Wandering Fern Harbor color palette (#D2E8D6, #8D9539, #195D00, #392800, #010100)
- Washed Pine color palette (#D6EBE3, #3D8E49, #004738, #191E00, #000200)
Browse the whole catalog at Explore, or see today's palette.