Cocoa Ridge color palette — #FFF3E9 · #D9E5CF · #BAC8B5 · #A07F6F · #7C401F
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Celadon Mist (#D9E5CF): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#BAC8B5): A luminous, dusty green — the color of fresh herbs.
- Mocha (#A07F6F): A luminous, dusty orange — the color of autumn markets.
- Bronze (#7C401F): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Weathered Oat Courtyard color palette (#F5F5D1, #C1D1AE, #869886, #7A6167, #563F3E)
- Ancient Bronze color palette (#F9F4EE, #C1E2D1, #A9B491, #A57E3E, #504700)
- Worn Stone color palette (#EFFDC8, #8BCDB9, #629180, #825041, #471E11)
- Aged Garden color palette (#FFF4DD, #D4E1B8, #58B4A1, #9A5846, #554300)
- Timeworn Hollow color palette (#E5FBF6, #C7DDE9, #97C5D4, #9E9DB3, #534B5B)
- Weathered Workshop color palette (#E5DDD0, #8D7938, #15604A, #4E0008, #030100)
- Blush Lagoon color palette (#EBFAEC, #88DDDE, #ECA2BB, #D686A2, #2C3E2D)
- Ancient Grove color palette (#E0ECB1, #7EBAA8, #3880AA, #594300, #1E1500)
Browse the whole catalog at Explore, or see today's palette.