Cocoa Boulevard color palette — #E4F4E7 · #584100 · #2D271C · #0C1100 · #000401

Built around Deep Olive, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#E4F4E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#2D271C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0C1100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns 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

• Obsidian Cocoa Study color palette (#F8D5E0, #633B00, #34332C, #110F00, #0A0003)
• Eclipse Fern Study color palette (#C8EFE1, #546200, #002612, #00110B, #000202)
• Aged Chestnut Alley color palette (#EDDEC6, #7A5B00, #384744, #182A07, #0F0800)
• Forest Canyon color palette (#D5F1F1, #006544, #3C3941, #001F20, #000C0C)
• Olive Meadow color palette (#E6F6F2, #658B34, #224344, #1F2C28, #0F1716)
• Aubergine Ridge color palette (#DDE3D1, #506300, #5F0BB6, #5E1963, #0E1400)
• Muted Lagoon color palette (#DEF6EA, #558B30, #005235, #4F1829, #0D2000)
• Hazy Harbor color palette (#CAEDDF, #6A7500, #8604AC, #373E00, #2C003B)

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