Tempered Pier color palette — #EBFBE5 · #9EF0EF · #60D6EE · #499A80 · #30412D
Built around Ice Blue, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBFBE5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sea Foam (#9EF0EF): A whisper-light, dusty teal — the color of shallow lagoons.
- Ice Blue (#60D6EE): A luminous, balanced blue — the color of deep harbor water.
- Fern (#499A80): A luminous, balanced teal — the color of sea glass.
- Forest (#30412D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Calm, Balance. Tagged pastel, light, muted, cool.
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
- Aged Cerulean color palette (#DCFFEE, #ADE6EC, #9BC2FF, #379EB4, #28453B)
- Sky Atelier color palette (#EFFAE1, #87F2F5, #72B9EC, #5E7A4B, #374831)
- Seafoam Bloom color palette (#F7F8D9, #ACF0E1, #6DDEAC, #84954F, #43433C)
- Antique Thicket color palette (#EDFCD9, #DBEDFB, #D5CCE7, #87955E, #2C3924)
- Misty Turquoise Pier color palette (#DDF1DC, #48D5E5, #00B0D7, #007D6E, #0D2813)
- Ancient Orchard color palette (#E7FAF3, #FCD5F5, #C3E5EA, #84AA97, #435750)
- Muted Turquoise color palette (#FAE6F6, #9DB8FF, #00C2E4, #1B3A29, #121C16)
- Hushed Mint color palette (#E8F2E8, #9FC275, #007273, #003E3F, #0E190F)
Browse the whole catalog at Explore, or see today's palette.