Cocoa Ridge color palette — #FFF2EE · #E5D0CC · #C2DDB0 · #C0C1B6 · #612802

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Oat (#E5D0CC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Celadon Mist (#C2DDB0): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#C0C1B6): soft and architectural.
• Rust (#612802): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Mint Dune color palette (#FFF3E4, #E5DCD4, #B6D0AF, #63C8B4, #312E28)
• Mustard Drift color palette (#FFF2EC, #E9DAD9, #C7C0A2, #C9B200, #3B1900)
• Ancient Basin color palette (#FFF2EE, #E5D7CB, #DF9978, #987852, #6A4C00)
• Antique Summit color palette (#F9F5E9, #B8E7D6, #A6B58D, #967F84, #4A4900)
• Worn Amber Delta color palette (#FDF1FC, #FDCFD7, #F1B59B, #C88455, #513D4F)
• Wandering Orchard color palette (#FBF4EE, #C3E0EF, #BEBFF0, #639E9D, #5C4555)
• Softworn Powder color palette (#FFF3E9, #EADAB9, #98D3FF, #C38C68, #2C4E44)
• Wandering Marigold Veranda color palette (#F6EFFA, #EECEE4, #FBA9C5, #C4A22E, #382437)

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