Quiet Cocoa color palette — #F5F4FF · #C2B5DB · #AD7289 · #93424E · #7D2E1D

Rust takes the lead with Garnet close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lavender (#C2B5DB): A luminous, dusty violet — the color of a velvet chair.
• Dusty Rose (#AD7289): A luminous, balanced rose — the color of a warm blush.
• Garnet (#93424E): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#7D2E1D): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Quiet Cocoa 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

• Petal Courtyard color palette (#FAF1FF, #FFC7F4, #E7A7BD, #B87C84, #6B3226)
• Chestnut Lagoon color palette (#FCF1FF, #D6B4D2, #B4745B, #8B4A00, #5A4000)
• Mulberry Canyon color palette (#F0F5FF, #B0BBE2, #8E76AB, #79457F, #6F3055)
• Wandering Driftwood color palette (#E9FAEC, #ACA0C9, #A2626C, #42643A, #4E425A)
• Terracotta Basin color palette (#F7D4E2, #D07083, #A01509, #5C2000, #3B1F00)
• Dusty Driftwood Meadow color palette (#F5F4FB, #DED7DC, #B7A9A1, #967499, #53515C)
• Misty Brick Ridge color palette (#FFDBF2, #E387A8, #C03A4A, #811800, #582700)
• Cypress Hollow color palette (#F7F3FF, #D5C7D9, #A48C99, #4B7979, #425363)

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