Cocoa Coast color palette — #DCEFFF · #91A2C2 · #806B9A · #72441A · #234B36

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

The five colors

• Frost (#DCEFFF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#91A2C2): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#806B9A): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#72441A): A full-bodied, balanced gold — the color of old brass.
• Forest (#234B36): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Patina Driftwood color palette (#D6EFF4, #86A2BA, #84729C, #255047, #0E352E)
• Ancient Petrol Loft color palette (#C5E6EF, #89ABC0, #5A7299, #634965, #543435)
• Plum Canyon color palette (#DADDF8, #B18DC5, #9B4B78, #595100, #1C4F00)
• Patina Chestnut color palette (#D2EDCE, #90B9DE, #9A7EA5, #76671A, #554800)
• Hushed Ash Basin color palette (#F3F4FF, #BEBBCC, #A28EA8, #5D786E, #40555D)
• Denim Lagoon color palette (#D0E4FA, #8081AD, #62476F, #4C2F00, #2A2600)
• Antique Fern color palette (#F0EEFF, #D29DB8, #9C6D69, #35692F, #005459)
• Bronze Coast color palette (#C1F3E3, #B8C4F3, #AF99C1, #A6713E, #564000)

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