Washed Cocoa Ridge color palette — #FFF2EE · #A9B672 · #7C3A3F · #452319 · #221B13

A conversation between Rust and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sage (#A9B672): A luminous, balanced green — the color of new leaves after rain.
• Rust (#7C3A3F): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#452319): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#221B13): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Washed 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 Cocoa Archive color palette (#FCEDF6, #D5AA7D, #7E422F, #411A0E, #140810)
• Antique Bronze Bloom color palette (#FFF2EB, #E2BC97, #9B604E, #5E362A, #2E1D13)
• Timeworn Field color palette (#FFF4E1, #CC9800, #5B4500, #322400, #141500)
• Coral Garden color palette (#FDF1FB, #DDD8A2, #C77E76, #89524C, #291D27)
• Chalky Moss Terrace color palette (#FDDECB, #A49400, #652200, #320D00, #0F0800)
• Airy Coral color palette (#FDF3EE, #F48D83, #348054, #95423C, #222618)
• Amber Pier color palette (#FFF3E5, #D47F44, #5A733B, #444975, #413C36)
• Twilit Chestnut color palette (#FFECD6, #745B00, #23302F, #1F1100, #040200)

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