Tempered Pier color palette — #D8FEFC · #A0D9D7 · #51916A · #176136 · #104025
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#D8FEFC): A whisper-light, dusty teal — the color of shallow lagoons.
- Ice Blue (#A0D9D7): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#51916A): A luminous, balanced teal — the color of glacier melt.
- Pine (#176136): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#104025): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged monochrome, 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
- Fern Lagoon color palette (#E0FDEE, #AEDCC5, #808444, #565600, #393A0D)
- Lagoon Chapel color palette (#E7F9FF, #9ACBE0, #3A959B, #005C64, #003F46)
- Pewter Hollow color palette (#EFF8EE, #A6C0AC, #6D896B, #765063, #3A4D43)
- Hushed Atelier color palette (#A9F7F0, #00A4A2, #00665F, #003331, #001917)
- Hushed Teal color palette (#F2F9DC, #B7E8C3, #56B48E, #447950, #363933)
- Velvet Cypress color palette (#D1FAEA, #007353, #003527, #000E09, #010204)
- Timeworn Terracotta Coast color palette (#EBF8FB, #569E9B, #9F6D8C, #91472E, #2A4147)
- Midnight Cobalt Terrace color palette (#CDEBFB, #0081B7, #003954, #00111C, #000306)
Browse the whole catalog at Explore, or see today's palette.