Wandering Cocoa Ridge color palette — #F7F1E4 · #9BA76D · #4B7138 · #6F3314 · #201C07

A conversation between Rust and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Sage (#9BA76D): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#4B7138): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#6F3314): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#201C07): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Wandering 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

• Jade Lagoon color palette (#F4F3DD, #70B27E, #21755B, #4B4540, #1A1F07)
• Wandering Chestnut color palette (#F5F3E1, #9CBF95, #518165, #7B4615, #272918)
• Hazy Basin color palette (#F9EAD5, #B08D00, #796C00, #3F4800, #162200)
• Pale Indigo color palette (#F1E9CD, #A8A624, #625DC4, #5A5900, #181738)
• Tempered Lime color palette (#E0F6C1, #9BB641, #627500, #293B00, #0C1000)
• Ancient Celadon Study color palette (#FAF3D0, #B2EFAF, #6FC9B2, #74662F, #27260A)
• Sunlit Olive Courtyard color palette (#ECE5C2, #788400, #0077A8, #86415D, #191400)
• Patina Lagoon color palette (#FFF4E1, #C5D9A0, #4E9C73, #7C5762, #2B2911)

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