Charred Onyx color palette — #D8E1F1 · #917803 · #0A005E · #0A0717 · #00000B

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

The five colors

• Frost (#D8E1F1): A whisper-light, dusty violet — the color of wild irises.
• Walnut (#917803): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#0A005E): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0A0717): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Onyx Alley color palette (#E9ECFB, #5E8845, #24004A, #0E0416, #020007)
• Onyx Study color palette (#F8E5F5, #6A6000, #02004D, #0D0103, #000015)
• Twilit Courtyard color palette (#DCEBF8, #B95C29, #001D33, #0A0B14, #000103)
• Nightshade Hollow color palette (#EFDDEA, #CA5F76, #2F37A2, #0A014B, #050004)
• Pale Aubergine color palette (#ECECFE, #7FB35F, #52127D, #281012, #0E001C)
• Mulberry Harbor color palette (#DAE6FF, #A11041, #0B0048, #0B0717, #01000B)
• Tempered Canyon color palette (#F2F5FF, #AEC582, #504192, #1A0545, #00000B)
• Patina Thicket color palette (#DCDEE9, #BCB8C8, #9C8AA4, #510487, #010106)

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