Charred Harbor color palette — #F3E9F8 · #5F6400 · #2F190E · #2C0014 · #080002

Olive takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3E9F8): A whisper-light, dusty violet — the color of a velvet chair.
• Olive (#5F6400): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2F190E): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#2C0014): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Black (#080002): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Hushed Delta color palette (#FCDCE6, #856800, #3C443E, #2C1800, #090300)
• Lowlit Fern Canyon color palette (#EDEDFF, #3A6E04, #210034, #1B0305, #05000B)
• Hushed Onyx Bloom color palette (#F0E5EC, #A3959A, #5F7768, #501200, #11050D)
• Charred Lantern color palette (#E7DBE8, #AD5C00, #57001A, #291210, #130002)
• Washed Market color palette (#F4E0DF, #908B00, #7D1B51, #2C0219, #070000)
• Amber Boulevard color palette (#D9EADB, #B78B00, #4E3600, #251800, #080900)
• Obsidian Terracotta color palette (#EEDADB, #9A3E24, #462600, #151000, #000401)
• Ancient Bloom color palette (#FFF1F7, #91BA9F, #72451F, #472302, #2D1C23)

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