Patina Cocoa Atelier color palette — #FFF2ED · #E0D9CE · #ACB3BF · #D2A29D · #773D17

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Ash (#ACB3BF): soft and architectural.
• Rosewood Mist (#D2A29D): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#773D17): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Cocoa Lagoon color palette (#FFF2EF, #E1DACB, #BACFA7, #AF8EB6, #743A16)
• Washed Sand color palette (#FFF3E2, #DFD194, #C5A874, #A18161, #3F3D36)
• Rust Lagoon color palette (#FEEBFB, #E9D1D3, #E3BC9F, #AB5F68, #422C3D)
• Quiet Coral Alley color palette (#FFF2ED, #E9DEB7, #DDD068, #EC7D82, #5C2E06)
• Chartreuse Courtyard color palette (#D9DEF4, #1DF686, #FFB38A, #5B544F, #352B24)
• Antique Sand color palette (#FEF3E9, #F8D07A, #BC8863, #68625C, #2A1F16)
• Marigold Meadow color palette (#FFF3E7, #FDA140, #48BFD6, #848CBB, #37322D)
• Linen Corridor color palette (#FAE6CF, #D6A93F, #81A133, #9A573F, #150C00)

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