Charred Harbor color palette — #F0DFE4 · #626024 · #063503 · #231200 · #070600

Deep Forest and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F0DFE4): bright and airy, almost weightless.
• Olive (#626024): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#063503): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#231200): A deep, shadowed, dusty gold — the color of honey in a jar.
• 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

• Forest Boulevard color palette (#CEECE0, #376A4B, #003230, #151900, #000803)
• Timeworn Ridge color palette (#DEEEE2, #7C7821, #394D00, #382900, #070600)
• Patina Garnet Ridge color palette (#D5F3F4, #006045, #720048, #00281A, #120008)
• Hushed Lagoon Basin color palette (#D1EBE0, #548763, #00504A, #2E3200, #00220D)
• Feathered Moss Atelier color palette (#F4DDC4, #928D00, #31732A, #653E02, #090500)
• Cobalt Hollow color palette (#CCEDEE, #5198A3, #416CC5, #323700, #001314)
• Eclipse Terrace color palette (#C9EEE7, #004A42, #5F0040, #43000C, #000202)
• Fern Veranda color palette (#FAE4ED, #A29246, #3D6800, #004E4C, #362E00)

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