Tempered Pier color palette — #E7FAF3 · #A4D2F4 · #E6A6B8 · #9AAB67 · #1F4036

Sage takes the lead with Ballet Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#A4D2F4): A whisper-light, dusty blue — the color of open sky before noon.
• Ballet Pink (#E6A6B8): A luminous, dusty red — the color of late-summer berries.
• Sage (#9AAB67): A luminous, balanced green — the color of fresh herbs.
• Forest (#1F4036): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged light, 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

• Weathered Powder color palette (#E5FBF2, #84D2FF, #EAB078, #B4A35E, #334840)
• Amber Ridge color palette (#ECFAEB, #96DAD7, #CDACE2, #C99757, #2E3D2D)
• Softworn Veranda color palette (#FFF0FB, #BAC9FF, #ECA799, #64B77D, #453140)
• Softworn Basalt color palette (#FBF4E9, #D8E3C3, #BEAC8A, #94744A, #484000)
• Powder Grove color palette (#EAF9F4, #EAD4D0, #8AC4D1, #ABA498, #5C4E5D)
• Patina Teal color palette (#FFF1F5, #CCA8F3, #DB9B56, #00A89C, #3C222C)
• Weathered Petrol Dune color palette (#FDF0FF, #E7D3DA, #81B7E5, #276FA3, #13324D)
• Muted Orchard color palette (#F5FEA2, #E7EEFF, #D7CFC6, #543E50, #292228)

Browse the whole catalog at Explore, or see today's palette.