Cocoa Terrace color palette — #D0F1E1 · #0079A0 · #7E3000 · #003D30 · #002327

Built around Rust, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D0F1E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0079A0): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7E3000): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#003D30): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002327): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged muted, cool.

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

• Weathered Petrol Terrace color palette (#C9F3E3, #0077A9, #713C00, #4C2900, #2A2400)
• Airy Balcony color palette (#EDDBE9, #4562B8, #88010F, #003630, #091652)
• Aged Nightshade Field color palette (#CBF2E6, #0073B9, #4412C5, #3B3300, #002642)
• Weathered Garden color palette (#D0F1DE, #007B95, #76008E, #2A3900, #002934)
• Tempered Lagoon color palette (#FEF0FF, #367FCE, #A9002B, #004B40, #00305E)
• Worn Sapphire color palette (#F7DFF4, #1F5FED, #624600, #003752, #131C39)
• Washed Aubergine Quarry color palette (#F5DFE8, #633AA7, #582700, #00242D, #180036)
• Soft Brick color palette (#FCDEEE, #8A6FFF, #C4003B, #4E4A00, #002B2A)

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