Cocoa Pier color palette — #FFEBE2 · #783100 · #004657 · #1B274A · #030100

A conversation between Rust and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFEBE2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#783100): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004657): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#1B274A): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Midnight Quarry color palette (#FCD3D5, #8B002C, #004845, #0A2D3F, #040000)
• Navy Meadow color palette (#FFEDD3, #624300, #003E76, #151C7B, #020100)
• Hushed Bronze color palette (#F0E4D0, #836200, #30393E, #291C00, #040200)
• Deep Chestnut Grove color palette (#FFE0D5, #8F4F00, #611B00, #34000C, #030100)
• Misty Aubergine color palette (#FFEADE, #A04900, #006B53, #4F27A6, #120400)
• Soft Bronze Archive color palette (#F2DCCD, #B46113, #006E93, #004A8A, #1B0900)
• Hushed Cabin color palette (#F4EAD2, #7A6C00, #444EBC, #533A87, #0E0B00)
• Misty Mulberry Corridor color palette (#FFE9DA, #9B5000, #4D6100, #7A004D, #030100)

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