Patina Pier color palette — #FFF3E2 · #BA8800 · #00755B · #003478 · #1E0013

Built around Mustard, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Mustard (#BA8800): A luminous, balanced gold — the color of honey in a jar.
• Teal (#00755B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003478): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#1E0013): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Amber Courtyard color palette (#FFF2E9, #DB7021, #007922, #003C5D, #1D0018)
• Soft Aubergine color palette (#FBF5E5, #A49304, #007275, #45008C, #200100)
• Linen Navy Market color palette (#FDF4E4, #BEA445, #008A77, #18419D, #360123)
• Hazy Aubergine Field color palette (#F9F2DF, #857D00, #00595C, #2D0061, #060000)
• Wandering Navy color palette (#CFE9D3, #866200, #005344, #112171, #40001D)
• Lowlit Olive color palette (#E4E2C1, #527400, #004352, #220036, #040000)
• Bronze Grove color palette (#F0D7E1, #9D5600, #004E65, #28165B, #0C002B)
• Tempered Denim Market color palette (#FFF3E3, #C3BC99, #81837B, #364F8E, #2C1749)

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