Obsidian Cocoa Boulevard color palette — #F7DDE7 · #5B3200 · #002D11 · #000F24 · #070000

Cocoa and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7DDE7): A whisper-light, dusty rose — the color of pressed rose petals.
• Cocoa (#5B3200): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002D11): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000F24): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Obsidian Cocoa Boulevard 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 Studio color palette (#D3EFDE, #3D3400, #002824, #140035, #060100)
• Shadow Station color palette (#F3E7F2, #670016, #251F00, #001216, #050004)
• Bronze Garden color palette (#F6D8D5, #B25500, #503500, #201E00, #040E00)
• Eclipse Garnet Market color palette (#EED7F1, #8C0034, #00340D, #120042, #170004)
• Velvet Aubergine color palette (#F4E0E4, #61007B, #002A2A, #00101E, #010009)
• Charred Field color palette (#D8F4D9, #973000, #393000, #17004E, #150700)
• Ancient Veranda color palette (#F1E6EB, #A0ADA1, #688779, #5B2600, #210B18)
• Obsidian Fern color palette (#D6E8E4, #265500, #003442, #30002D, #070500)

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