Charred Harbor color palette — #F2E7D6 · #716200 · #383E00 · #0A2000 · #000401

A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F2E7D6): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#716200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#383E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0A2000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. 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

• Pale Bronze color palette (#E9E1D5, #917D00, #546000, #133E00, #001709)
• Lowlit Lagoon color palette (#E6F1E3, #348029, #1F4300, #041700, #000200)
• Powdered Archive color palette (#E4E1CA, #556300, #72008A, #262E00, #07000A)
• Chestnut Loft color palette (#FDDFD7, #8D4100, #563200, #211800, #050400)
• Lagoon Quarry color palette (#F5F2D0, #55A889, #00858E, #4D3C00, #000A01)
• Tempered Orchard color palette (#E6DDEF, #E70031, #176104, #010E09, #010100)
• Emerald Canyon color palette (#E7F0E0, #309E58, #006E59, #003D3B, #00171C)
• Nocturne Aubergine color palette (#E2F1DE, #1F5800, #4F0094, #4E0055, #000200)

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