Cocoa Coast color palette — #EDF8F3 · #4689AD · #3F6F95 · #793122 · #283428

Rust takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Cerulean (#4689AD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#3F6F95): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#793122): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#283428): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Muted Garnet color palette (#F4F7ED, #5E916E, #00718F, #783340, #363831)
• Pewter Pier color palette (#EEF8F4, #5796BD, #6E5C95, #654300, #243A32)
• Chestnut Canyon color palette (#FFF3E7, #7CB5A3, #547BA0, #7A4E20, #374E3B)
• Washed Villa color palette (#EAF5EF, #2C88A7, #473643, #192E24, #0F1815)
• Nightshade Lagoon color palette (#E0FDF3, #0073B2, #5123C0, #513000, #002531)
• Aubergine Atelier color palette (#FBF1FC, #3469A5, #6B288A, #3C3600, #2A152C)
• Wandering Thicket color palette (#E9F4F7, #3EA091, #89518C, #713F2B, #0E201C)
• Patina Lagoon color palette (#F2F7F1, #D3DDDD, #B7AEA6, #528E8C, #4E554E)

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