Tempered Pier color palette — #FFEADF · #FD962C · #B17900 · #675300 · #322B00
Apricot takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFEADF): A whisper-light, dusty orange — the color of sun-warmed clay.
- Apricot (#FD962C): A luminous, vivid gold — the color of honey in a jar.
- Mustard (#B17900): A luminous, balanced gold — the color of old brass.
- Coffee (#675300): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#322B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Soft Apricot Courtyard color palette (#FFE7E5, #FF9054, #C38900, #7D6D00, #283900)
- Wandering Parlor color palette (#FFF3E3, #D0BA60, #A37500, #713F00, #191A00)
- Antique Rust color palette (#FFE6E5, #FF8B7A, #CC4B00, #703B00, #3A2200)
- Amber Hollow color palette (#F6DAD6, #CE6700, #825B00, #423C00, #0E1C00)
- Antique Sunflower Veranda color palette (#FFF4DE, #EBCD47, #9D9700, #5C7400, #1F3B00)
- Airy Celadon Parlor color palette (#FFF4DE, #C8FACF, #99F19B, #C27900, #302E00)
- Hushed Mustard color palette (#FEEDAB, #B1AE2C, #748A00, #2F5E00, #002805)
- Quiet Cornflower color palette (#FFF4DF, #F2B628, #448AEF, #896400, #001C47)
Browse the whole catalog at Explore, or see today's palette.