Cocoa Ridge color palette — #FFF1F4 · #F6CBEA · #E4A7BF · #BC7680 · #77342A

A conversation between Rust and Dusty Rose, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Thistle (#F6CBEA): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#E4A7BF): A luminous, dusty rose — the color of a warm blush.
• Dusty Rose (#BC7680): A luminous, balanced red — the color of late-summer berries.
• Rust (#77342A): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication, 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

• Softworn Cocoa Summit color palette (#FFF0FB, #DEC7F3, #C78AA6, #9B5D55, #6E3900)
• Softworn Parlor color palette (#FFF2EF, #FFCFCB, #E3AC96, #B27E53, #5C3E00)
• Wandering Basin color palette (#F0F5FF, #D8D8FF, #C6AEE0, #A879AB, #6C3058)
• Petal Atelier color palette (#FEF4E5, #ECC0E7, #D59DA4, #779670, #5A4040)
• Ancient Mallow Field color palette (#FFEDEC, #EA9BBF, #8D756E, #60504F, #281F20)
• Feathered Scarlet color palette (#FFE3F7, #FFAAC5, #F7747D, #D63F1A, #512300)
• Ember Garden color palette (#F8DAE6, #FA92A2, #E1604E, #AF4800, #341C00)
• Rust Dune color palette (#FDD3D7, #EE7968, #C05A00, #7B4A00, #201500)

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