Charred Onyx color palette — #CBE6D8 · #605A00 · #003C51 · #3C002B · #220005

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

The five colors

• Celadon Mist (#CBE6D8): A whisper-light, dusty teal — the color of sea glass.
• Olive (#605A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#003C51): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#3C002B): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#220005): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged dark, muted.

Use it as a design system

One click turns Charred Onyx 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

• Wandering Onyx Cabin color palette (#DDF5DD, #754F00, #003F44, #2C004E, #1E001A)
• Navy Grove color palette (#C9E5DE, #426400, #002294, #3D0027, #29000B)
• Midnight Fern Balcony color palette (#CBE5E0, #245200, #27272F, #00130D, #000403)
• Sunlit Courtyard color palette (#DCF5F6, #00684D, #4C017C, #3F001E, #200B00)
• Hushed Garden color palette (#E3EFD7, #008C43, #006041, #003B34, #04212E)
• Hushed Emerald color palette (#E2E1C8, #5E974E, #006768, #532538, #3A1512)
• Hazy Aubergine color palette (#E5E6CF, #508F12, #4F3596, #390881, #270014)
• Wandering Olive Bloom color palette (#DCEADE, #7E8000, #225200, #3E2A00, #1C1C00)

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