Obsidian Cocoa color palette — #F4DEDB · #7E3200 · #392300 · #110D00 · #010200

Rust and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F4DEDB): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#7E3200): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#392300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#110D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010200): quiet, heavy and certain.

Feels like: 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

• Nocturne Fern Loft color palette (#EFDBC4, #5F5200, #3C2300, #210300, #010100)
• Garnet Lantern color palette (#FFE7F3, #950028, #531400, #200F00, #030100)
• Navy Balcony color palette (#F1DEC5, #674400, #003978, #2B1A00, #000105)
• Nocturne Delta color palette (#F3E1DA, #9E5300, #553100, #1E1400, #020100)
• Moonless Lapis color palette (#F6D8DA, #3627FB, #912700, #110902, #030100)
• Velvet Loft color palette (#F6E3C7, #513500, #180096, #2B0050, #020100)
• Feathered Moss color palette (#FFECDA, #8B9100, #00755B, #581411, #020100)
• Tempered Bronze color palette (#F4E9DD, #866500, #3D4800, #153000, #001008)

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