Cocoa Coast color palette — #E4F3E7 · #006C75 · #793500 · #003338 · #1E0800

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

The five colors

• Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
• Teal (#006C75): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#793500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#003338): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1E0800): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Cellar Terrace color palette (#CFF1E8, #00548E, #573600, #00223E, #0B0400)
• Mulberry Station color palette (#E5EADC, #007243, #8D0043, #00361D, #25000D)
• Frosted Brick Bloom color palette (#E3F0E7, #00859E, #BC1E00, #004E5D, #250200)
• Powdered Aubergine Canyon color palette (#F4DAE2, #854CB9, #655A00, #500080, #1F1B00)
• Worn Alley color palette (#EDE2D5, #766800, #4F3100, #370A00, #060E00)
• Softworn Bronze Harbor color palette (#B7EFFF, #0094AF, #A45B00, #005869, #462400)
• Smoked Meadow color palette (#CEE8F4, #0078AA, #003D52, #00131F, #000305)
• Pale Lantern color palette (#D1F2DE, #68A0E4, #985EAC, #004A37, #00202D)

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