Cocoa Basin color palette — #D0EDFA · #006D7C · #7D4000 · #124100 · #000607

Built around Bronze, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Frost (#D0EDFA): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#006D7C): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#7D4000): A full-bodied, balanced gold — the color of old brass.
• Forest (#124100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000607): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Misty Terracotta color palette (#DBF5F8, #00715D, #9A1400, #2B3C00, #000604)
• Aged Ultramarine color palette (#DCECFE, #005DB3, #6C2300, #003308, #000209)
• Sunlit Pier color palette (#DEE5FF, #690BED, #764600, #00411D, #050019)
• Byzantium Chapel color palette (#E5E2FA, #A422C6, #007160, #004E46, #0E0821)
• Timeworn Studio color palette (#D1DFF7, #5A75E5, #827200, #006058, #0C1A33)
• Dusty Grove color palette (#F7E9F6, #3572F0, #9E5F00, #794800, #00021A)
• Frosted Iris color palette (#E8EEFF, #9094FF, #707500, #006D7C, #1E263B)
• Aubergine Canyon color palette (#F2DEF4, #004480, #5F0050, #00231A, #000410)

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