Charred Cocoa Study color palette — #EEDFE9 · #006B73 · #7B4000 · #0C0E06 · #030001

A conversation between Bronze and Teal, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#EEDFE9): A whisper-light, dusty pink — the color of neon signs at night.
• Teal (#006B73): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#7B4000): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0C0E06): a grounded near-black with real depth.
• Black (#030001): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Twilit Terracotta color palette (#E7E1FE, #00704B, #9B0B00, #0F0500, #030002)
• Wandering Alley color palette (#EEE9F9, #008A9B, #886A00, #0D1005, #030100)
• Twilit Ultramarine Coast color palette (#FFE2E2, #0057C3, #684D00, #0A100B, #000200)
• Lowlit Coast color palette (#D7EBDE, #685700, #002F3A, #251E00, #000103)
• Pale Harbor color palette (#FFEAE6, #2C53FF, #486F00, #020E07, #000201)
• Dusty Spruce color palette (#E5F1ED, #799392, #45737C, #212F00, #000201)
• Hushed Courtyard color palette (#F8DFFA, #1D65F9, #AA3800, #160B01, #040100)
• Aubergine Grove color palette (#D5EADE, #3F3600, #31006E, #160039, #000201)

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