Tempered Pier color palette — #FFF3E4 · #D79200 · #5C6700 · #694500 · #020100
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Mustard (#D79200): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#5C6700): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#694500): A full-bodied, balanced gold — the color of honey in a jar.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
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
- Chalky Drift color palette (#FDF5DE, #AFA600, #1E7303, #545000, #010100)
- Tangerine Cabin color palette (#FFF2EA, #FA752E, #795A00, #803200, #020100)
- Soft Canyon color palette (#FBEFB6, #9B8B00, #485E00, #003233, #050400)
- Wandering Villa color palette (#F9F5EC, #D7DEC6, #C4BB99, #745D11, #130B00)
- Dusty Hollow color palette (#FFE274, #B0A600, #606C00, #223400, #010500)
- Hazy Harbor color palette (#FBF5E0, #C9CD00, #00965C, #6E7000, #000201)
- Worn Bronze color palette (#EDDFE4, #AC6500, #0F5205, #502C00, #000201)
- Apricot Workshop color palette (#EBDBCC, #F08F00, #758F00, #A96300, #030400)
Browse the whole catalog at Explore, or see today's palette.