Obsidian Cocoa color palette — #EFE2D9 · #7B3400 · #004159 · #351300 · #000103

Built around Rust, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Parchment (#EFE2D9): bright and airy, almost weightless.
• Rust (#7B3400): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004159): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#351300): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Mulberry Thicket color palette (#FDE7E1, #900031, #00444B, #400011, #000102)
• Nocturne Chestnut color palette (#FAEED7, #715200, #293435, #1A1300, #020100)
• Cocoa Dune color palette (#FBEADE, #7F3B00, #004C1D, #371600, #000901)
• Cocoa Lagoon color palette (#FFE8DA, #5D2C00, #003649, #131A38, #030100)
• Nocturne Balcony color palette (#F7E1F1, #00697E, #893300, #100A03, #030100)
• Aged Hollow color palette (#EFD8E4, #A84800, #006083, #5D2500, #00070D)
• Velvet Atelier color palette (#F5E3C3, #5D4A00, #410997, #261D00, #010008)
• Dusty Bronze Loft color palette (#F2D9E5, #A74D00, #006728, #471D00, #000200)

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