Obsidian Cocoa color palette — #D4E9ED · #004D57 · #592400 · #321100 · #000102

Espresso and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4E9ED): A whisper-light, dusty blue — the color of deep harbor water.
• Deep Teal (#004D57): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#592400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#321100): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

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

• Abyss Villa color palette (#D4E7F6, #003A5A, #362700, #191000, #000103)
• Shadow Drift color palette (#D9F6E7, #005136, #670032, #3A001A, #000201)
• Muted Mulberry color palette (#D2EADA, #006C80, #9A0040, #4B2E00, #000608)
• Timeworn Grape color palette (#E1E7FF, #5B00CD, #3D4A00, #232C00, #03000E)
• Shadow Aubergine Meadow color palette (#F2F0E1, #005B85, #3A0075, #181400, #000108)
• Pale Ultramarine color palette (#E8F1FF, #2752DE, #5F5700, #3D3700, #00061C)
• Softworn Ridge color palette (#DEF3FF, #007793, #894700, #5B2E00, #000D13)
• Linen Canyon color palette (#D8F9E6, #006A84, #62249E, #0C3100, #000102)

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