Tempered Pier color palette — #FFF3E5 · #C48200 · #4C3900 · #211200 · #030100

Mustard takes the lead with Deep Olive close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C48200): A luminous, balanced gold — the color of old brass.
• Deep Olive (#4C3900): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#211200): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Antique Ember color palette (#FFF2EB, #F05B06, #5D2D00, #250E01, #040100)
• Worn Harbor color palette (#F4E2CE, #DB8D00, #6C6A33, #5C3900, #1A0F08)
• Wandering Hollow color palette (#F9F6E5, #97A939, #4C4900, #221F0C, #070501)
• Obsidian Bronze Study color palette (#F3E3CA, #956F00, #2B2500, #131D1D, #070300)
• Lime Alley color palette (#EEFCCE, #9DBE00, #00B6AB, #C96800, #1D2500)
• Weathered Emerald color palette (#EEF2CF, #309700, #003518, #182323, #010B00)
• Patina Boulevard color palette (#FBF5E6, #DAE08D, #839F15, #925D2A, #302E28)
• Ancient Honey color palette (#FFF4DE, #EDC100, #B39C00, #696300, #323500)

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