Patina Pier color palette — #FDF4E8 · #DFBE91 · #6FBCE5 · #B48130 · #345548

A conversation between Mustard and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Sand (#DFBE91): A luminous, dusty gold — the color of afternoon light on wheat.
• Sky (#6FBCE5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#B48130): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#345548): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged light, 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

• Aged Quarry color palette (#FBF4E9, #DCC18B, #B1A6ED, #A78744, #5F4452)
• Patina Teal Cabin color palette (#FFF2ED, #F9AEA8, #47C8C0, #C07470, #40533D)
• Hushed Terrace color palette (#FFF1F6, #D7A472, #6C9ECC, #976633, #3B4F63)
• Amber Loft color palette (#FFF1F6, #EAE1B9, #9CD2FF, #C18E5B, #2D4962)
• Patina Bronze color palette (#FCF3EB, #D9C8AB, #BC9270, #A36145, #544800)
• Aged Taupe Villa color palette (#FEF3EA, #FACAA6, #DEB8E2, #D19B71, #664149)
• Patina Driftwood Cabin color palette (#F7F5ED, #EFCA9F, #7D8343, #5B4C00, #2D2B24)
• Frosted Moss color palette (#F7F6E4, #A4C47E, #C08CDB, #65901F, #4F375C)

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