Twilit Cocoa Boulevard color palette — #F7E7ED · #5A3100 · #1D2100 · #160014 · #070000
A conversation between Cocoa and Ink, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7E7ED): a clean, paper-quiet neutral.
- Cocoa (#5A3100): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#1D2100): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#160014): A deep, shadowed, dusty pink — the color of neon signs at night.
- Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Twilit 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
- Eclipse Basalt Orchard color palette (#D9F1E2, #473C00, #00260C, #000C0D, #040100)
- Deep Garnet color palette (#E9DBE9, #76001E, #2D1900, #080B00, #050004)
- Twilit Onyx Dune color palette (#DCE8DC, #5C7377, #402800, #081A1C, #060400)
- Obsidian Chestnut color palette (#EFE7D5, #725C00, #3C3400, #1B1A00, #080A00)
- Gentle Coast color palette (#FFDBE7, #C75E00, #825000, #513F00, #0B0400)
- Chestnut Veranda color palette (#EEDCCB, #824700, #004513, #001E2C, #040006)
- Antique Pine Lantern color palette (#CEE9E6, #0A8A20, #006920, #00403B, #060001)
- Deep Forest Harbor color palette (#C6EAE5, #125A06, #003130, #001525, #0B0700)
Browse the whole catalog at Explore, or see today's palette.