Cocoa Grove color palette — #D6E3D4 · #5FA3A6 · #546E93 · #694516 · #351E00

Bronze and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#D6E3D4): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#5FA3A6): A luminous, dusty teal — the color of glacier melt.
• Slate (#546E93): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#694516): A full-bodied, dusty gold — the color of old brass.
• Espresso (#351E00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Tempered Denim Lantern color palette (#E2E5C9, #2E9A9F, #435B93, #4A4300, #1D1900)
• Softworn Delta color palette (#E3EDE0, #849B7B, #4E7492, #564C00, #002D25)
• Wandering Cocoa color palette (#F5DFCA, #919D69, #2E7F77, #6E3B1F, #3F1700)
• Turquoise Balcony color palette (#D3ECE9, #1EB3D5, #5B88B9, #8A575C, #471E0C)
• Airy Turquoise Lantern color palette (#C0F5CD, #00BED0, #6772A8, #563245, #2B0D1F)
• Airy Denim Orchard color palette (#C5EEE9, #178CAA, #1B5398, #5B2833, #4D1901)
• Azure Terrace color palette (#D3F2E9, #449EE2, #9D4900, #00578A, #2F1100)
• Softworn Forest color palette (#E1F0E4, #8CB399, #7B75B2, #286638, #003D43)

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