Cocoa Ridge color palette — #FFF3E4 · #E6AF9A · #B18963 · #5F7753 · #6C3801

Built around Bronze, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sand (#E6AF9A): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B18963): A luminous, dusty gold — the color of honey in a jar.
• Olive (#5F7753): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#6C3801): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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 Bronze Courtyard color palette (#FFF3E8, #E3ACBE, #B88282, #8A6923, #59413D)
• Weathered Taupe color palette (#ECF9EC, #FFD1BF, #C7976A, #5F7D50, #4C3843)
• Washed Coast color palette (#FBF4E8, #CD96A3, #976D49, #2B5C8B, #713319)
• Ancient Chestnut Lantern color palette (#FBEFE7, #C88B6D, #7C4B11, #572A00, #27201C)
• Mustard Orchard color palette (#FFF4DB, #BDB468, #7B8F53, #177172, #3F3D36)
• Washed Basin color palette (#F4F7EB, #CCD5BC, #90A37E, #A17338, #42550F)
• Apricot Veranda color palette (#FFF3E3, #F28A00, #A07500, #006D3B, #4C2D01)
• Tempered Cocoa color palette (#FFF2EB, #E6D7CE, #AAC1A1, #DCA573, #6D3A01)

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