Cocoa Terrace color palette — #FFE5F3 · #652700 · #002328 · #1A0005 · #020902

Rust takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#FFE5F3): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#652700): A deep, shadowed, balanced orange — the color of autumn markets.
• Midnight (#002328): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1A0005): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#020902): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Cocoa Terrace 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 Pier color palette (#F0ECD5, #374100, #002427, #0A0022, #040000)
• Nocturne Market color palette (#F7EAFF, #710041, #00260F, #12001D, #050004)
• Obsidian Lagoon color palette (#D9F8EF, #304500, #2B004B, #221B09, #190009)
• Deep Orchard color palette (#DCF5E3, #4B3B00, #050067, #0C0025, #0D0000)
• Shadow Spruce color palette (#BEE9DE, #3D4750, #203500, #151C21, #000604)
• Eclipse Fern color palette (#EAEAD1, #326800, #003A23, #001A17, #01050C)
• Washed Olive Basin color palette (#FBD9C4, #72742F, #004D3D, #440817, #210700)
• Muted Mulberry color palette (#CAF0F5, #00816C, #87005E, #5C1800, #2E1900)

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