Patina Cocoa color palette — #FEF3EA · #DDE2CA · #AED5B7 · #C19289 · #704500

Built around Bronze, softened by Taupe — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Celadon Mist (#DDE2CA): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#AED5B7): A whisper-light, dusty teal — the color of glacier melt.
• Taupe (#C19289): A luminous, dusty orange — the color of toasted spice.
• Bronze (#704500): A full-bodied, balanced gold — the color of honey in a jar.

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

Use it as a design system

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

• Hushed Cocoa Ridge color palette (#FFF3E9, #DDC7A7, #C18F6F, #8F6B5E, #564600)
• Dusty Pier color palette (#FDF3E8, #DCDFCA, #96C3CD, #D2B397, #6C4900)
• Worn Taupe Orchard color palette (#FFF1F6, #C5E4ED, #ACB3D1, #C698A6, #455347)
• Weathered Fern color palette (#F9F6E3, #BBE7F3, #A0CEFF, #B0865D, #555704)
• Soft Seafoam Delta color palette (#FFF3E5, #C7F8CC, #00EDC6, #D27064, #4B4740)
• Cocoa Balcony color palette (#F8F5ED, #EACCA3, #84804A, #5F4A00, #2E2B23)
• Soft Azure Cabin color palette (#F3F2CE, #5DC0A6, #0098DB, #6B4D00, #001D04)
• Weathered Apricot Villa color palette (#FBF4EB, #D0A166, #839AD3, #A26772, #413C36)

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