Charred Harbor color palette — #D0E1F2 · #004775 · #433400 · #241B00 · #00050D

Navy and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D0E1F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Navy (#004775): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#433400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#241B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00050D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Charred Garnet Pier color palette (#D6E5EC, #004D59, #6A0011, #211D00, #000608)
• Aubergine Dune color palette (#EBE4FF, #5500A3, #473200, #261B00, #070017)
• Chestnut Harbor color palette (#C0E6EE, #007067, #734800, #3D3600, #000605)
• Linen Indigo Studio color palette (#D1DDFE, #6660D1, #255000, #00413E, #111932)
• Midnight Aubergine color palette (#DEE0FC, #54008A, #4E000E, #130E00, #000203)
• Inked Ultramarine color palette (#DBE5D6, #2D44C5, #510054, #001F0D, #0E002A)
• Navy Courtyard color palette (#D9DFED, #A6A7BC, #847997, #2C2C73, #0D1323)
• Timeworn Mulberry color palette (#E4DEF0, #8B0078, #155100, #0A3200, #1E0018)

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