Cocoa Ridge color palette — #EEF8F2 · #62A3B6 · #806392 · #7E3F23 · #464600

Bronze and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F2): a clean, paper-quiet neutral.
• Blue Fog (#62A3B6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#806392): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#7E3F23): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#464600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Teal Garden color palette (#EEF4E8, #5BAF90, #8F5E8B, #584C15, #322507)
• Muted Chestnut color palette (#FBF2F9, #8497C5, #915F74, #6E4D00, #174D3A)
• Dusty Mulberry Courtyard color palette (#F2F7ED, #66A792, #57719C, #773D5B, #543E18)
• Bronze Thicket color palette (#E8FAF0, #B9D4CC, #A7939F, #9B5F38, #704800)
• Wandering Workshop color palette (#E9F9FC, #66C4B9, #C07280, #84622D, #2E4A30)
• Petrol Delta color palette (#DDFEF0, #8AB4D9, #6A87C3, #5262A1, #684659)
• Mulberry Ridge color palette (#FAEDF9, #5776B2, #8B285B, #4D3600, #003428)
• Ancient Cerulean color palette (#E6F6EF, #4485A7, #443844, #192D26, #0D1817)

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