Cocoa Dune color palette — #CCF7FF · #006A61 · #693900 · #322E00 · #000701

Bronze takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#CCF7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006A61): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#693900): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#322E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000701): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Cocoa Dune 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

• Softworn Petrol Garden color palette (#E3F5FE, #007E8B, #604800, #1F3800, #000B0D)
• Nocturne Abyss color palette (#D2ECF7, #005964, #423400, #0F1C00, #000201)
• Garnet Garden color palette (#C8F6EA, #487300, #820030, #4F2000, #070500)
• Aubergine Studio color palette (#D2F4EA, #006AA7, #660090, #462A00, #001F1F)
• Dusty Lagoon color palette (#E7F5F8, #219793, #8B6A3C, #484A1D, #0B2121)
• Brick Thicket color palette (#EBEED2, #229815, #B20020, #633700, #151500)
• Cellar Villa color palette (#C5EAE9, #003C21, #172225, #310600, #0E0600)
• Quiet Grape Courtyard color palette (#EFF6FF, #3D72FF, #7931CA, #6D2900, #000503)

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