Cocoa Basin color palette — #D0E5D1 · #004E51 · #592400 · #221C00 · #000606
A conversation between Espresso and Forest, giving this palette its sense of optimism and sophistication.
The five colors
- Celadon Mist (#D0E5D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Forest (#004E51): A deep, shadowed, dusty teal — the color of glacier melt.
- Espresso (#592400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000606): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Basin 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
- Lowlit Navy Ridge color palette (#F7E1F7, #003476, #3C2400, #1D0F00, #000108)
- Velvet Nightshade color palette (#F3D7EB, #271DB7, #443300, #251B00, #02001E)
- Moonless Garden color palette (#C6E6EC, #004D57, #5D0057, #3B001C, #000607)
- Sunlit Terracotta Veranda color palette (#DDE3D1, #00743D, #8F2D00, #4B2F00, #000702)
- Feathered Grape Balcony color palette (#FBE0EA, #6713B5, #3C4A00, #242D00, #130228)
- Aubergine Ridge color palette (#EEE8D0, #005D90, #400073, #191A00, #00042F)
- Grape Study color palette (#F7D3DC, #853CA0, #8F2835, #3E3900, #2D0F19)
- Moonless Aubergine color palette (#D4E5DB, #00748E, #480075, #002C37, #060002)
Browse the whole catalog at Explore, or see today's palette.