Patina Cocoa color palette — #FAF4EF · #C7E0CC · #B17650 · #693800 · #201A15

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#C7E0CC): A whisper-light, dusty teal — the color of sea glass.
• Caramel (#B17650): A luminous, balanced gold — the color of old brass.
• Bronze (#693800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#201A15): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Driftwood Hollow color palette (#FEF2F1, #C9FEE5, #A9738A, #5E3C3A, #211918)
• Amber Boulevard color palette (#F3EFD5, #D8903E, #364200, #1D2827, #060900)
• Antique Cabin color palette (#F6F6E9, #EBDDBA, #5C8344, #393932, #101005)
• Wandering Garden color palette (#F7F1EB, #DABE9B, #7E5836, #35302B, #1A120A)
• Antique Atelier color palette (#FEF1F6, #F6DAA1, #C2936F, #7E656F, #32282C)
• Timeworn Sunflower color palette (#FFF3E4, #FED367, #8B6200, #3F2A00, #0D0600)
• Softworn Balcony color palette (#FAF4F0, #E2DAD0, #1EC5CB, #D18362, #19211A)
• Washed Stone Archive color palette (#FDF3EC, #F2B392, #65BFC6, #9572A3, #37302C)

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