Cocoa Ridge color palette — #FFEEF1 · #F7C3E6 · #EAA3BF · #C1838A · #763B17

Bronze and Ballet Pink set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FFEEF1): bright and airy, almost weightless.
• Thistle (#F7C3E6): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#EAA3BF): A luminous, balanced rose — the color of pressed rose petals.
• Dusty Rose (#C1838A): A luminous, dusty red — the color of embers at dusk.
• Bronze (#763B17): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Softness, Clarity. Tagged light, muted, warm.

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 Driftwood Archive color palette (#FFF1F1, #F8D2CF, #EA9EB9, #B46379, #623B30)
• Weathered Mallow Hollow color palette (#FFF0FC, #D3CEFF, #C5A6DF, #AF86B1, #694848)
• Aged Stone Thicket color palette (#FFF2EE, #FFC6BE, #EAA886, #B28560, #6A4900)
• Softworn Delta color palette (#FFF2EF, #FFC2CA, #90D8C1, #D8919C, #445238)
• Timeworn Amber color palette (#F8E3E7, #FF9997, #E07250, #A96000, #533800)
• Weathered Seafoam color palette (#FFF2EF, #F6B2BC, #75D1C3, #67AFCE, #543B36)
• Ancient Amber Workshop color palette (#FAD6CE, #D26400, #926400, #5A4900, #121400)
• Hushed Glacier Bloom color palette (#D9E4FF, #6BF4FE, #FFC2C3, #77615A, #3B2F2B)

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