Charred Onyx color palette — #DEEFF5 · #8F7251 · #3C2300 · #061617 · #020200

Built around Espresso, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#DEEFF5): bright and airy, almost weightless.
• Walnut (#8F7251): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#3C2300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#061617): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#020200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Obsidian Pier color palette (#DFEEE1, #8A6300, #1E3002, #031507, #080105)
• Midnight Grove color palette (#DAEEE3, #4B545C, #2F2A00, #0C1518, #000301)
• Olive Atelier color palette (#CDECE2, #5F8300, #17373A, #091A15, #030804)
• Midnight Thicket color palette (#FFE7E8, #794F00, #243F19, #1C0B3B, #050014)
• Patina Navy Dune color palette (#EFE2E9, #27849F, #003D6C, #002018, #01000B)
• Inked Lantern color palette (#D6F3DD, #496200, #00331E, #22012E, #000201)
• Twilit Aubergine color palette (#D3EBDF, #514F00, #40009B, #212000, #010008)
• Aubergine Pier color palette (#EDF0D4, #3D3F00, #400077, #370035, #010100)

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