Obsidian Cocoa color palette — #F9E1D9 · #5C4700 · #002C1D · #190025 · #030400

Deep Olive takes the lead with Ink close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#F9E1D9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Deep Olive (#5C4700): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#002C1D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#190025): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged retro, 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

• Twilit Fern color palette (#FBD9D3, #245800, #002931, #21000B, #000502)
• Smoked Cocoa color palette (#F5DDCB, #5F2D00, #00232A, #0A1104, #1A0006)
• Obsidian Spruce color palette (#FBEAD9, #64601F, #0C3500, #241200, #070600)
• Smoked Garnet color palette (#ECDFD0, #8E0603, #282500, #0A0036, #080200)
• Rust Pier color palette (#E8E0C5, #C85900, #486700, #00464C, #000401)
• Tempered Navy Balcony color palette (#F6E7D1, #686800, #004B1E, #1B0060, #020400)
• Wandering Olive color palette (#F5E0DC, #3B7700, #00454F, #470027, #001C11)
• Tempered Navy color palette (#FAE7DB, #378CA7, #003D70, #00231B, #07002B)

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