Cocoa Ridge color palette — #FFF1F4 · #E3D7D2 · #D5B6B3 · #A28369 · #6C4600

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3D7D2): bright and airy, almost weightless.
• Rosewood Mist (#D5B6B3): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#A28369): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6C4600): A full-bodied, balanced gold — the color of honey in a jar.

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

• Fern Terrace color palette (#FFF2ED, #E4D8C4, #C1AB98, #7A8B5C, #4B5000)
• Patina Balcony color palette (#FFF1F3, #F1C4C4, #B08C86, #8E5E26, #3C3831)
• Fern Villa color palette (#FBE7E9, #BF9889, #936148, #4C4B00, #0C1800)
• Feathered Olive color palette (#FFF2EF, #EBB197, #BE7F3A, #4F7015, #004213)
• Patina Ash color palette (#F0F5FF, #BBC1DC, #9594B3, #7B6D7C, #604D5A)
• Indigo Pier color palette (#FFF0FA, #E8D4EF, #B9A8ED, #856AAC, #64414E)
• Weathered Study color palette (#FCF2F7, #EAD4ED, #78E0DF, #9A8DDA, #344E35)
• Timeworn Studio color palette (#FFF0F8, #CBC4F7, #E7A4BC, #45B0D5, #46313C)

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