Cocoa Atelier color palette — #CAF1F5 · #00735E · #6A3200 · #3B2E00 · #010A00

Bronze and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CAF1F5): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00735E): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#6A3200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3B2E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#010A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Sunlit Garnet Meadow color palette (#CDF1EF, #007A3D, #8E0701, #442800, #030500)
• Weathered Petrol color palette (#D0EBFA, #006D7F, #544400, #163200, #000806)
• Faded Garnet color palette (#D4F9E3, #007087, #820039, #253400, #001A21)
• Airy Terracotta Bloom color palette (#EBF5D7, #00985E, #A63800, #664500, #121B00)
• Muted Basin color palette (#EFF6FF, #3777FF, #B10072, #4F4600, #000406)
• Wandering Fern color palette (#E8F4F7, #5AA098, #8E6230, #4E4D00, #092120)
• Aged Fern Boulevard color palette (#EBF3FB, #4D7FB0, #4B6B0F, #00503B, #00151F)
• Inked Spruce Coast color palette (#CEEDF9, #003839, #2A252B, #261800, #060900)

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