Tempered Pier color palette — #F2E2D4 · #B87800 · #7D5D00 · #3D3600 · #1D2000

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F2E2D4): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B87800): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7D5D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3D3600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1D2000): 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 Tempered 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

• Tempered Ridge color palette (#FFE4DD, #FBA035, #A48600, #565C00, #183000)
• Chalky Moss Loft color palette (#D3F1DC, #969300, #6E5900, #4B3000, #0E1500)
• Dusty Ember Parlor color palette (#FED9D1, #E65600, #8A4300, #523000, #221700)
• Washed Clover color palette (#FAF4C5, #B9DE77, #00C77E, #8D5E00, #191E00)
• Quiet Harbor color palette (#F2EDDD, #ACA900, #697E00, #294F00, #002B07)
• Pale Pier color palette (#E4E0BE, #7F7300, #00708A, #90006E, #110F00)
• Wandering Lapis color palette (#CDEED9, #9E8400, #5050FF, #5B4B00, #0D004D)
• Olive Garden color palette (#E9F4DC, #1D8C15, #005630, #002D20, #000C08)

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