Patina Pier color palette — #FFF2EB · #C7B49F · #A17463 · #804C55 · #5A4400

Deep Olive and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Stone (#C7B49F): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A17463): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#804C55): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Patina Pier 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 Bronze Delta color palette (#FFF2EA, #DEC5B0, #C48C76, #A36146, #643F00)
• Timeworn Driftwood Drift color palette (#FCEDF5, #D0B1BE, #AC735B, #694D66, #243024)
• Abyss Atelier color palette (#FBF5E1, #A9AA83, #76763F, #6E4908, #304500)
• Tempered Sand color palette (#FFF0FA, #F5D2AF, #CDAAC0, #9D8AA2, #3E4C43)
• Worn Meadow color palette (#F1E6D5, #A09771, #7B5F19, #6B3103, #30312A)
• Patina Petrol color palette (#F0F7F3, #93CADD, #A06A84, #007995, #3B2827)
• Airy Mulberry color palette (#DDFFE7, #95C7B9, #7E79AC, #754585, #742B49)
• Patina Chestnut color palette (#FAF2FB, #6B94C0, #A46B85, #765B00, #453847)

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