Patina Cocoa color palette — #FDF3E9 · #DAE3CC · #AECEB4 · #A97870 · #694700

Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Celadon Mist (#DAE3CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#AECEB4): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A97870): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#694700): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: 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

• Washed Cocoa color palette (#FCF3EB, #C5B69C, #9A7959, #7F5041, #574600)
• Cocoa Boulevard color palette (#FFF2ED, #BAF1F3, #DFDBCD, #B17C9C, #773E15)
• Hushed Sand Delta color palette (#EAF6EB, #C3E2DE, #D7D9A2, #B18695, #354238)
• Misty Archive color palette (#FFF4DC, #B7F6D1, #65CEB8, #B35C00, #4E4C0E)
• Bronze Orchard color palette (#F5F7E8, #B9E3E1, #96C7ED, #8C8331, #4A5405)
• Washed Teal color palette (#F7EACE, #B4D7A5, #24B0A8, #864D00, #2D3914)
• Lagoon Chapel color palette (#E4E1CC, #83C596, #00959B, #604900, #002C0B)
• Timeworn Balcony color palette (#F7F5EC, #D4BC9D, #5F6236, #3A3932, #23281B)

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