Tempered Pier color palette — #E3F8ED · #FFD9C1 · #B7C150 · #00A4A4 · #002C25
Gold takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E3F8ED): A whisper-light, dusty teal — the color of shallow lagoons.
- Peach Cream (#FFD9C1): A whisper-light, dusty gold — the color of old brass.
- Gold (#B7C150): A luminous, balanced green — the color of a quiet forest floor.
- Turquoise (#00A4A4): A luminous, balanced teal — the color of glacier melt.
- Deep Forest (#002C25): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Cerulean Summit color palette (#E4F7F4, #FACD94, #90D388, #0095C5, #002C19)
- Wandering Chartreuse color palette (#F8F6E4, #EADAC1, #C1D04D, #16B9C3, #3C3E37)
- Sapphire Pier color palette (#DBF4F9, #BDBF41, #00B293, #4560E6, #001214)
- Airy Mustard color palette (#EAF6EB, #FFD5DB, #F9AF48, #00A36D, #1E2200)
- Hazy Emerald Hollow color palette (#DCF4E6, #9DB678, #1D945F, #006254, #00363C)
- Misty Study color palette (#E3FCF4, #FFCF6A, #9CC641, #01996F, #15433C)
- Wandering Turquoise color palette (#E4F6F4, #CCE3C1, #78DACB, #00B4DB, #002F33)
- Weathered Chestnut color palette (#FBEEF2, #97BEA9, #617F57, #6F4D29, #0E2E20)
Browse the whole catalog at Explore, or see today's palette.