Charred Harbor color palette — #E7DECC · #476900 · #003421 · #220A29 · #070600

Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Bone (#E7DECC): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#476900): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003421): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#220A29): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#070600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

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 Fern color palette (#F4DFCC, #695E00, #153400, #251100, #070600)
• Inked Aubergine color palette (#E9E5D8, #575400, #56008C, #232200, #0B0019)
• Hushed Fern color palette (#E9E4D4, #6F7C34, #344F00, #3F2400, #050700)
• Lowlit Aubergine Drift color palette (#E0E6D3, #394500, #470076, #330057, #010200)
• Washed Jade Garden color palette (#F8EBCD, #31A973, #007683, #462500, #070E00)
• Dusty Lagoon color palette (#E0E1D3, #008E75, #004E57, #4E182A, #111F05)
• Soft Garnet Corridor color palette (#E1F5EA, #78925F, #007544, #7A2246, #030800)
• Washed Navy color palette (#FCEBDD, #128CB7, #003781, #00231E, #0A0028)

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