Charred Cocoa Coast color palette — #D4ECEE · #005B49 · #5D2D00 · #201700 · #000201

Cocoa and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#D4ECEE): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#005B49): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#201700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Charred 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

• Inked Denim color palette (#CDE5F4, #00566F, #3F3F00, #001F03, #000102)
• Cellar Thicket color palette (#DDEDF3, #004A4D, #2E1E00, #121118, #050700)
• Terracotta Chapel color palette (#F0D8E8, #A63100, #485400, #003116, #040000)
• Aged Bronze Station color palette (#E9F8FF, #009BAE, #8A7500, #385800, #00090C)
• Quiet Meadow color palette (#CEEAFD, #00789C, #B70C01, #2E5200, #000204)
• Obsidian Delta color palette (#CEE2F1, #005475, #5A007B, #32001D, #000103)
• Lowlit Mulberry Station color palette (#EDE0F7, #95115E, #4F1300, #162227, #0C0600)
• Onyx Balcony color palette (#FCE1FC, #003572, #4E003B, #001711, #050005)

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