Jade Coast color palette — #FCF4E7 · #C7EBC7 · #80AC76 · #8E697E · #3A3831
Built around Jade, softened by Celadon Mist — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF4E7): bright and airy, almost weightless.
- Celadon Mist (#C7EBC7): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#80AC76): A luminous, balanced green — the color of new leaves after rain.
- Slate (#8E697E): A full-bodied, dusty pink — the color of a candy shop window.
- Charcoal (#3A3831): quiet, heavy and certain.
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
- Dusty Teal Lagoon color palette (#F9F5E8, #D1F0C8, #65B090, #49808B, #3A3C00)
- Ancient Emerald Harbor color palette (#FDF4E5, #CAD7A2, #559D5B, #7D5665, #2D280B)
- Worn Fern Courtyard color palette (#F7F5EE, #BEE1D8, #79BFA9, #9D7C83, #444B00)
- Tempered Corridor color palette (#E9FAF1, #89BCAD, #5C7D59, #405D77, #264A41)
- Chalky Lime Station color palette (#FFF1F3, #F9BEF2, #99D06A, #B766AF, #393932)
- Hushed Aqua Coast color palette (#FCF3EF, #BEE5ED, #4CCCF4, #3A9572, #21473E)
- Ash Pier color palette (#FFF1F4, #E3D9D2, #AAB5AF, #A2A3D0, #583D3D)
- Hushed Forest color palette (#FEF5DC, #8DAE74, #007246, #4D2962, #030A00)
Browse the whole catalog at Explore, or see today's palette.