Wandering Cocoa Ridge color palette — #E7F1E7 · #C1D6CA · #89AFA6 · #6B4400 · #000400

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E7F1E7): bright and airy, almost weightless.
• Oat (#C1D6CA): A whisper-light, dusty teal — the color of sea glass.
• Sage (#89AFA6): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Cocoa color palette (#F6EAF1, #E0C9D0, #8AB199, #7B361E, #080005)
• Basalt Dune color palette (#DCEBE3, #A5C2BB, #739A9B, #423D00, #000201)
• Muted Olive color palette (#F5EEE6, #A6A08C, #79833C, #4D2E00, #080300)
• Dusty Forest Terrace color palette (#EDF8F6, #CBDDE9, #9AC2D1, #366E40, #01100F)
• Hushed Emerald color palette (#C6EBDF, #41A564, #005B4D, #4F1115, #000200)
• Wandering Bronze Lagoon color palette (#EFE3E7, #9FBCBC, #83A1AA, #9D6200, #220B14)
• Obsidian Fern color palette (#C7EAD7, #564F00, #313C44, #0B1417, #010800)
• Charred Chestnut Thicket color palette (#DAEDD9, #8D5B00, #004546, #220036, #020005)

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