Cocoa Summit color palette — #FAF4ED · #C7DFCD · #99B991 · #708F74 · #564400
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C7DFCD): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#99B991): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#708F74): A luminous, dusty green — the color of fresh herbs.
- Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Cocoa Summit 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
- Stone Market color palette (#EEF8F2, #BEE9DA, #9AC38F, #7FA1A4, #3C534B)
- Weathered Field color palette (#F0F8EF, #9DCDB8, #698C68, #526A73, #42514A)
- Worn Taupe color palette (#FDF3EB, #DADFC1, #90A86C, #876A8E, #3B3831)
- Weathered Lagoon color palette (#FAF5E5, #CCD5AE, #429B8F, #366890, #262B07)
- Timeworn Powder color palette (#FDF0FE, #E8D8D8, #90C3DD, #A7B0A8, #5E4B57)
- Wandering Villa color palette (#F9F4EF, #C7DDEC, #CEB9E1, #34A3AB, #61434E)
- Misty Lantern color palette (#ECDFD1, #97913D, #1C5D00, #4B0444, #010100)
- Aubergine Coast color palette (#FFF2EA, #C09C5A, #5D6600, #50216E, #0D0600)
Browse the whole catalog at Explore, or see today's palette.