Cocoa Ridge color palette — #FFF2EB · #64A78F · #1E7492 · #7A3723 · #2C4429

Rust takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Jade (#64A78F): A luminous, dusty teal — the color of sea glass.
• Teal (#1E7492): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7A3723): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#2C4429): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Chestnut Thicket color palette (#FFF3E5, #6DB6BA, #5B78A5, #74521F, #344E41)
• Mulberry Lagoon color palette (#FFF2EA, #8FA062, #007B6B, #792E58, #3D3E37)
• Chalky Cocoa Bloom color palette (#F0F8ED, #259D89, #7E4B90, #7B2907, #4F3000)
• Basalt Thicket color palette (#FCF4EB, #BAAE92, #687B4D, #2B6656, #533F00)
• Pale Ultramarine Field color palette (#FDF6D9, #009CB6, #424FC4, #4F4600, #003A55)
• Antique Chapel color palette (#F3F7DE, #A1B399, #699182, #91562F, #684D00)
• Linen Denim color palette (#FEDFBD, #009087, #00568A, #512F00, #002F36)
• Teal Dune color palette (#DCF9F4, #33B0B1, #00788F, #463C74, #052731)

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