Patina Pier color palette — #FFF0F7 · #BA8E5D · #497749 · #544470 · #294434

Built around Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Caramel (#BA8E5D): A luminous, balanced gold — the color of honey in a jar.
• Olive (#497749): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#544470): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#294434): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Washed Balcony color palette (#FDF1FC, #B1AA70, #3D8677, #724A6B, #304F48)
• Aged Alley color palette (#E8FCE7, #C98277, #716C2D, #414781, #4E3440)
• Timeworn Navy color palette (#FCF0DE, #AD9B62, #50782E, #1F418A, #2A2205)
• Weathered Amber color palette (#FFF0FA, #BE715C, #007270, #6B3151, #522121)
• Quiet Denim color palette (#E9FAEC, #C6B069, #6F9354, #3C60AA, #244537)
• Patina Pier color palette (#F9F3F8, #BBE4F4, #6291AC, #327050, #384961)
• Patina Aubergine Thicket color palette (#FFDCD0, #937B00, #00614C, #57036E, #222E00)
• Patina Moss color palette (#FCF0FF, #739C00, #006E74, #7F004D, #123F25)

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