Patina Pier color palette — #FFF3E3 · #ECDDA4 · #B69969 · #905E28 · #34322B

Ochre and Wheat set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#ECDDA4): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#B69969): A luminous, dusty gold — the color of old brass.
• Ochre (#905E28): A full-bodied, balanced gold — the color of old brass.
• Espresso (#34322B): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Dusty Amber Study color palette (#FFF3E7, #FBC66A, #C68031, #884F32, #312700)
• Moss Basin color palette (#F7E4B9, #9AA23A, #6F5F00, #432D00, #020500)
• Bronze Hollow color palette (#FFF2EA, #E3DAC4, #D1A28F, #A9664B, #583700)
• Chestnut Coast color palette (#ECF9EE, #8CB297, #866E44, #6C491A, #2A4435)
• Weathered Powder Orchard color palette (#FFF0FB, #96AEFF, #CC8E5F, #6B7949, #2E1F2B)
• Mustard Coast color palette (#FFF3E4, #D1AF42, #9C6B11, #6A3702, #181100)
• Amber Courtyard color palette (#FFF0F9, #AEA2FF, #BD7417, #405F34, #0C2319)
• Wisteria Lantern color palette (#F5F4FF, #EED3FF, #D289C7, #8C4C6D, #5B0521)

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