Cocoa Coast color palette — #D8F5FF · #00556A · #682D00 · #3A2700 · #00090E

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8F5FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00556A): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#682D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#3A2700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00090E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Abyss Alley color palette (#DEEEF9, #004464, #3B3400, #152406, #000204)
• Patina Field color palette (#D6F6EA, #005B46, #7A0037, #540F00, #000A06)
• Gentle Ultramarine color palette (#DCE6FF, #2100E0, #4B4000, #21310A, #010224)
• Inked Aubergine color palette (#D9EAF1, #005169, #48009C, #003922, #000102)
• Weathered Olive color palette (#F4DEC5, #756800, #4F3100, #370B00, #060E00)
• Quiet Periwinkle Archive color palette (#CDF4FD, #6AA2F8, #955BA9, #004A32, #001C2C)
• Cellar Petrol color palette (#CEE3F0, #0078A6, #003E50, #00121D, #000305)
• Feathered Ridge color palette (#D9F4FF, #007D9E, #8C5600, #584D00, #002936)

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