Cocoa Coast color palette — #E7EDE0 · #006144 · #6D2D00 · #352600 · #001209
Built around Rust, softened by Pine — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#E7EDE0): a clean, paper-quiet neutral.
- Pine (#006144): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#6D2D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#001209): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa 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
- Gentle Studio color palette (#E9EBDC, #236100, #81001A, #411D00, #031200)
- Nocturne Garden color palette (#DCE4D7, #00614D, #6E0078, #411B00, #010300)
- Velvet Onyx color palette (#E5F6DE, #004139, #402100, #161300, #000202)
- Timeworn Delta color palette (#E5E8C3, #2B7C00, #A80025, #602C00, #082700)
- Timeworn Atelier color palette (#CFE4D4, #006F7C, #625200, #2C3F00, #00220D)
- Dusty Aubergine color palette (#EFE1CD, #6A4B00, #6F026F, #4F0028, #140B00)
- Patina Courtyard color palette (#D5EEEB, #26993F, #830085, #653400, #00110F)
- Worn Chestnut Corridor color palette (#EBFBE6, #00897D, #8E5A00, #534B00, #00332E)
Browse the whole catalog at Explore, or see today's palette.