Obsidian Cocoa Canyon color palette — #F7D4E7 · #7C3300 · #004257 · #361200 · #000102

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

The five colors

• Shell Pink (#F7D4E7): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#7C3300): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#361200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

Use it as a design system

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

• Navy Market color palette (#D6E4D8, #634700, #003977, #291B00, #000105)
• Nocturne Cocoa color palette (#FFE9DE, #622800, #003552, #131A38, #030100)
• Mulberry Canyon color palette (#EDDDF7, #8B0051, #00463F, #3D0020, #000201)
• Dusty Dune color palette (#F7E4D8, #AB4900, #005D7C, #491B00, #000103)
• Cellar Cocoa Archive color palette (#EFECFF, #006789, #803D00, #0C0D05, #040002)
• Obsidian Chestnut Harbor color palette (#FADBED, #71480A, #4B1600, #230009, #020100)
• Aubergine Villa color palette (#D6F6E7, #605F00, #5A18A3, #2C2C00, #040010)
• Tempered Ultramarine color palette (#D1F1DE, #7A6B00, #0D4CC0, #3F3600, #000421)

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