Patina Cocoa Atelier color palette — #F4E4EC · #B5753D · #803200 · #460103 · #020100

A conversation between Rust and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#F4E4EC): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#B5753D): A luminous, balanced gold — the color of old brass.
• Rust (#803200): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#460103): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Dusty Pier color palette (#D7E8D8, #988448, #684600, #361900, #010100)
• Airy Terracotta Coast color palette (#FBDBEE, #C18D67, #9A4017, #63000C, #070300)
• Chestnut Boulevard color palette (#FFE8DF, #875500, #5E1F00, #340010, #030100)
• Bronze Ridge color palette (#FFF1F7, #EAAE62, #BD6200, #882700, #211600)
• Frosted Rust Coast color palette (#FAE1F0, #BD822E, #B64400, #881A3C, #0E0B00)
• Mulberry Station color palette (#F9E6F7, #C8659B, #920043, #3E0007, #030000)
• Ancient Bronze color palette (#E1FDED, #B0B887, #85771A, #5C4100, #0B1600)
• Terracotta Courtyard color palette (#FFF0F9, #E5B9CD, #BB755C, #8A3C3B, #142713)

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