Charred Onyx color palette — #F5DAD3 · #3D4300 · #53001B · #161306 · #070000

A conversation between Espresso and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F5DAD3): A whisper-light, dusty orange — the color of toasted spice.
• Deep Olive (#3D4300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#53001B): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#161306): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, 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

• Onyx Garden color palette (#F9E3D0, #3A423A, #412000, #12150D, #040200)
• Velvet Cabin color palette (#FAD3DA, #3F3C35, #46004E, #1A0F04, #070003)
• Garnet Dune color palette (#EBDBD7, #72002F, #2F2F28, #110701, #030100)
• Brick Canyon color palette (#F9E0D8, #C9002C, #471B02, #1F0802, #090101)
• Lowlit Cocoa color palette (#FFDEE9, #80433D, #4A2900, #001F18, #000507)
• Wandering Bronze Market color palette (#FAEADB, #A56300, #34312A, #201304, #0B0502)
• Midnight Cocoa Harbor color palette (#F1DBCD, #7D3200, #004354, #361100, #000102)
• Deep Bloom color palette (#F5DCCC, #5E2B00, #003B2E, #2A005E, #030100)

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