Obsidian Basalt color palette — #E6F2E7 · #513600 · #322C1D · #0C0C06 · #020100

A conversation between Cocoa and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#E6F2E7): bright and airy, almost weightless.
• Cocoa (#513600): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#322C1D): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0C0C06): a grounded near-black with real depth.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Obsidian Basalt 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

• Aged Lantern color palette (#DBE1D4, #435F00, #005150, #4B2700, #010100)
• Ancient Moss color palette (#E0FDF0, #8F9000, #053F33, #00140C, #000201)
• Velvet Courtyard color palette (#CEEFDC, #877700, #252700, #121E21, #000502)
• Dusty Emerald Study color palette (#CAF9F7, #009655, #003426, #202127, #000B03)
• Muted Meadow color palette (#D4F5F0, #5A5152, #075E11, #0F1D1F, #000803)
• Teal Pier color palette (#E7F9FA, #71C1A1, #355C61, #1B2F30, #0B1110)
• Softworn Basin color palette (#CCEBD8, #7F8A55, #3B5E20, #002629, #000405)
• Denim Basin color palette (#DFF5F2, #70ABC5, #005C82, #002A32, #000103)

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