Cocoa Ridge color palette — #FFF2EE · #FBE1A6 · #E0D8CF · #D9A7AC · #7A3A24

Rust takes the lead with Peach Cream close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Peach Cream (#FBE1A6): A whisper-light, balanced gold — the color of honey in a jar.
• Bone (#E0D8CF): a clean, paper-quiet neutral.
• Rosewood Mist (#D9A7AC): A luminous, dusty red — the color of embers at dusk.
• Rust (#7A3A24): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Weathered Chestnut color palette (#FFF3E9, #C1E8CE, #C2CBD7, #D9AA9B, #704900)
• Hushed Stone color palette (#FFF1F4, #E6D5D2, #CBADD7, #A1ACB8, #614949)
• Sunflower Terrace color palette (#FFEEEA, #E8DBB1, #D0D254, #E27A9E, #4F2B13)
• Sand Orchard color palette (#FFF3E5, #E1D193, #C8A679, #9F816D, #3F3D36)
• Seafoam Thicket color palette (#E8E4F2, #19F4A9, #FFABC3, #745A57, #2F2423)
• Softworn Driftwood Summit color palette (#FAEDFA, #EAD1D4, #E4B3AC, #A96180, #392635)
• Terracotta Loft color palette (#FAE2D5, #C2A348, #71A25B, #A44C4D, #190D00)
• Wandering Straw Balcony color palette (#FFF2EA, #ECD57D, #C68264, #69615D, #2A1F18)

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