Patina Cocoa Bloom color palette — #FFF3E7 · #FFCFD1 · #CB9282 · #767642 · #672A10

Built around Rust, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCFD1): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#CB9282): A luminous, dusty orange — the color of autumn markets.
• Walnut (#767642): A full-bodied, dusty green — the color of new leaves after rain.
• Rust (#672A10): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

Use it as a design system

One click turns Patina Cocoa Bloom 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 Drift color palette (#FFF2EA, #F9CCF5, #C292A7, #906946, #503839)
• Worn Lantern color palette (#FCF5E3, #EAC1E3, #DD9B8F, #4399B0, #5B403E)
• Weathered Blush Field color palette (#FFF2EE, #E69496, #7E4221, #362722, #140E0C)
• Hushed Veranda color palette (#FFF2F0, #F5B8CA, #BC8E72, #5A6A92, #472D4C)
• Ancient Bronze Market color palette (#F8F6E8, #BDE2D3, #AEB28D, #B2754D, #4C4900)
• Airy Bronze color palette (#FFF3E2, #EEA36A, #A47404, #00622D, #311C02)
• Taupe Pier color palette (#FEF4E1, #EEC484, #A09349, #0E745C, #35312B)
• Tempered Chapel color palette (#E6F6EE, #D096BF, #A26656, #185B6A, #312835)

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