Cocoa Basin color palette — #D5ECDE · #5A4800 · #232700 · #00110F · #010300

Deep Olive and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D5ECDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#5A4800): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#232700): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00110F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, 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

• Cocoa Courtyard color palette (#E6F3E6, #6B3700, #222600, #0D002A, #020100)
• Spruce Market color palette (#D4E5DF, #4A6730, #063503, #201400, #030800)
• Patina Bronze color palette (#E0F3E6, #B07100, #7A6000, #404300, #060500)
• Onyx Boulevard color palette (#F6ECE0, #944E00, #3B4200, #230059, #060300)
• Misty Atelier color palette (#D2F6E8, #3C7700, #004A2A, #002938, #011D02)
• Cypress Quarry color palette (#E5EFE1, #417152, #00483A, #001F32, #0C0325)
• Linen Courtyard color palette (#C4E8D5, #7B7D00, #315900, #003B40, #212800)
• Navy Basin color palette (#CFE3E3, #5B85AA, #003B76, #00202F, #000428)

Browse the whole catalog at Explore, or see today's palette.