Charred Onyx color palette — #F8D8CE · #334500 · #540013 · #151307 · #080000

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

The five colors

• Shell Pink (#F8D8CE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Deep Olive (#334500): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#540013): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#151307): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#080000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Velvet Onyx color palette (#F1DBC5, #3A433D, #3E2200, #11150E, #040200)
• Cellar Garnet color palette (#FFDCD2, #740021, #31312B, #110902, #030100)
• Velvet Hollow color palette (#FFE5E8, #3E3D36, #490047, #190F04, #070004)
• Terracotta Archive color palette (#EEDBD0, #913000, #2A3228, #2C1100, #0D0300)
• Lowlit Brick Station color palette (#FBD6C5, #C80C06, #471A04, #200801, #0A0100)
• Bronze Balcony color palette (#F8E9D8, #9F6800, #34302A, #1E1306, #0B0502)
• Spruce Boulevard color palette (#F0EDD8, #47622C, #073401, #270900, #010200)
• Velvet Chestnut Coast color palette (#F8E8E1, #834E18, #4E3500, #022202, #000301)

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