Cocoa Ridge color palette — #FFF3E6 · #DCDEC9 · #BBC4D0 · #D5AF98 · #694600

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Bone (#DCDEC9): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#BBC4D0): soft and architectural.
• Rosewood Mist (#D5AF98): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#694600): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Patina Fern color palette (#F7F7E4, #B4E6DC, #A6B1C7, #ADB079, #495202)
• Wandering Mustard color palette (#FBF5E4, #C9C77D, #9DB8E1, #A88EB7, #3F3D36)
• Linen Bronze Orchard color palette (#E8DED2, #BDAD67, #79A55C, #A24C01, #0E0900)
• Bronze Field color palette (#F8F5EC, #F2DAB6, #AC9D7A, #846920, #302B1D)
• Patina Pier color palette (#FFF4E0, #ECF7A6, #A5F4AC, #D8A068, #45423B)
• Oat Delta color palette (#FFECF3, #C4E5ED, #CEDBAA, #AB7D6D, #2C3B2E)
• Taupe Drift color palette (#F7F5EE, #DDE4AB, #80C7BA, #AAB266, #293026)
• Tempered Sunflower Summit color palette (#EBDDFF, #9DEAFF, #F7D148, #716D66, #39342A)

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