Cocoa Ridge color palette — #FFF2EF · #E2D9CA · #A4BDD4 · #D8A6C1 · #793A22

Rust and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E2D9CA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ash (#A4BDD4): A luminous, dusty blue — the color of open sky before noon.
• Rosewood Mist (#D8A6C1): A luminous, dusty rose — the color of strawberry cream.
• Rust (#793A22): A full-bodied, balanced orange — the color of toasted spice.

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

• Timeworn Cabin color palette (#FFF1F2, #E2D8D1, #C0A1D6, #9AB7A3, #5E4847)
• Weathered Straw Dune color palette (#FFF3E8, #E6E79B, #DDDDCB, #E4A193, #4E4943)
• Gentle Honey Basin color palette (#FFF2ED, #E8DABD, #FEC739, #E7708D, #5E2A0B)
• Pewter Terrace color palette (#FAEDFB, #F4CDD6, #E7B9A4, #996373, #3F2A3C)
• Patina Taupe color palette (#FEF3E8, #E4CDA3, #CFA373, #AD7B5F, #403D36)
• Muted Chartreuse Orchard color palette (#D2E7FF, #54F385, #FFB19C, #645C58, #322620)
• Tempered Workshop color palette (#FFF2EA, #FE9E68, #00C4D1, #6392CE, #38312D)
• Patina Moss color palette (#F8DECB, #D0A159, #A29500, #A0403D, #160800)

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