Charred Harbor color palette — #F7DFD5 · #41474E · #570010 · #002113 · #00080F

A conversation between Espresso and Ink, giving this palette its sense of sophistication and depth.

The five colors

• Shell Pink (#F7DFD5): A whisper-light, dusty orange — the color of autumn markets.
• Charcoal (#41474E): quiet, heavy and certain.
• Espresso (#570010): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#002113): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00080F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Cellar Garnet Alley color palette (#FFEAE6, #2C4200, #560020, #002107, #00070C)
• Onyx Loft color palette (#FBE3CB, #3A423B, #3E2200, #12150E, #030200)
• Moonless Lantern color palette (#FBE7E3, #8B4100, #3F2400, #110B00, #010100)
• Hushed Driftwood Workshop color palette (#F6F2E4, #8D954E, #3E679A, #5A3A5A, #281B11)
• Obsidian Dune color palette (#F9ECD4, #493600, #002A3D, #1E0032, #040000)
• Garnet Canyon color palette (#EAD9E7, #8E0F0D, #003827, #00192C, #050005)
• Aubergine Corridor color palette (#F4EACD, #706200, #004E7E, #3E0054, #0F0200)
• Bronze Market color palette (#F1E6E0, #9A8A7C, #8A6221, #4D1300, #030100)

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