Charred Harbor color palette — #D1F8FD · #785900 · #322C32 · #001914 · #000302

Coffee takes the lead with Frost close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Frost (#D1F8FD): A whisper-light, dusty blue — the color of deep harbor water.
• Coffee (#785900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#322C32): quiet, heavy and certain.
• Ink (#001914): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000302): quiet, heavy and certain.

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

Use it as a design system

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

• Lowlit Grove color palette (#E0F0FF, #896600, #271A1C, #001F35, #00050C)
• Navy Corridor color palette (#D3EEF5, #006966, #1D007B, #002322, #000010)
• Aged Spruce Coast color palette (#E0E9ED, #889DAD, #607288, #00313A, #000B12)
• Ancient Amber color palette (#C8E4ED, #B08400, #003E41, #001A1C, #01050F)
• Hushed Corridor color palette (#E4FAFF, #CB9900, #005450, #002D2B, #031523)
• Onyx Dune color palette (#D4F1F7, #00413B, #4D003F, #2B0100, #000202)
• Smoked Petrol Lantern color palette (#C1E7EC, #006B8C, #003659, #000B36, #030019)
• Onyx Veranda color palette (#F8E8C6, #005366, #001F55, #230000, #000408)

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