Cocoa Ridge color palette — #ECFBE4 · #BFE2DD · #A6CCC1 · #AF9996 · #7A3E1C

Bronze takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#ECFBE4): A whisper-light, dusty green — the color of fresh herbs.
• Silver (#BFE2DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#A6CCC1): A luminous, dusty teal — the color of glacier melt.
• Taupe (#AF9996): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7A3E1C): A full-bodied, balanced orange — the color of toasted spice.

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

• Aged Chestnut Summit color palette (#E4FCF1, #F2D2F0, #D6B7C5, #AB988B, #6B4800)
• Tempered Ridge color palette (#FAF4EC, #C0E3F1, #A0D3C2, #72AEB1, #5D4C5E)
• Aged Frost color palette (#D8FEFD, #D8D7E6, #B0C3D7, #957F8B, #5C4B54)
• Antique Fern color palette (#F4F6EC, #B6ECD6, #86C3BB, #989D87, #3D5716)
• Worn Bronze Villa color palette (#C1EEFF, #A0C7F6, #C4A0B1, #AC7146, #604000)
• Patina Garden color palette (#E7FBF1, #9DE0FF, #F3B7A0, #76B2CD, #743C11)
• Iris Drift color palette (#CCEED6, #8FBDE8, #8590CB, #95675E, #55340D)
• Softworn Glacier color palette (#DFFFE1, #75E9F9, #6EC2E1, #6596B0, #3A5A52)

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