Charred Onyx color palette — #D5EADC · #5B4B00 · #043A06 · #00154C · #040000

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

The five colors

• Honeydew (#D5EADC): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#5B4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#043A06): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#00154C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, 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

• Patina Quarry color palette (#D2E7D4, #984E00, #3B3F00, #170958, #090400)
• Velvet Fern color palette (#C5EDE2, #395500, #003739, #2D003B, #020100)
• Charred Onyx Alley color palette (#F1DBE3, #7F4900, #003F42, #190051, #07000F)
• Inked Garnet Pier color palette (#FCE7F6, #8C1C00, #203D00, #001B2D, #040001)
• Basalt Lantern color palette (#E0F6E5, #554100, #23251C, #0A1100, #000200)
• Worn Bronze color palette (#FAE0DA, #A15F00, #514200, #1D2000, #000701)
• Quiet Aubergine Hollow color palette (#CEF0E6, #2F7C00, #005A48, #33007D, #0E0100)
• Patina Lantern color palette (#F3E8D4, #806200, #005A2D, #0016A0, #110001)

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