Patina Pier color palette — #FFF3E4 · #F8C766 · #B69300 · #696100 · #262A00

Mustard and Honey set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Honey (#F8C766): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#B69300): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#696100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#262A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Ancient Amber color palette (#FFF2ED, #FFC2A0, #DB7C00, #7D4F00, #3A2700)
• Weathered Mustard color palette (#FFF4DF, #F0B32F, #948900, #006856, #332600)
• Tempered Amber color palette (#FFE7CD, #CD9000, #8B6D00, #524900, #163C16)
• Marigold Bloom color palette (#FFE2DC, #FFB77E, #CB9E00, #7B8800, #004513)
• Washed Drift color palette (#FEFAAA, #D6E573, #82A700, #306A00, #00370F)
• Muted Moss Grove color palette (#EBE880, #95A436, #507200, #143600, #000300)
• Bronze Drift color palette (#FFF4DE, #CFB45E, #857A00, #414400, #0B1200)
• Pale Moss color palette (#E3EDD9, #5D993B, #00671F, #002815, #000201)

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