Cocoa Ridge color palette — #FFF0F8 · #E0A37B · #A56342 · #722E1B · #240614

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Camel (#E0A37B): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#A56342): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#722E1B): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#240614): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Ancient Bronze color palette (#FFF0F7, #D6A87F, #A8622E, #6A361D, #031802)
• Muted Driftwood color palette (#FFF0F8, #E6B8CD, #B77959, #794A3C, #321823)
• Garnet Balcony color palette (#FFF0FF, #EFA971, #8D2634, #350009, #030003)
• Ancient Chestnut Harbor color palette (#FFD9E9, #BD905F, #8B4E11, #522100, #070300)
• Misty Brick color palette (#FEF0FA, #FF9C88, #A86400, #AB331D, #040001)
• Bronze Coast color palette (#DDFFE7, #CCBC63, #997A00, #654700, #1A1900)
• Airy Brick Bloom color palette (#F7E4EE, #D6A779, #C2795A, #AC434C, #2F2200)
• Wandering Bronze Veranda color palette (#DBEEDD, #A0822C, #654700, #311C00, #020100)

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