Tempered Pier color palette — #EBF9F2 · #A6AD66 · #5C9A71 · #4D6B92 · #3F2E3D

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

The five colors

• Ivory (#EBF9F2): a clean, paper-quiet neutral.
• Sage (#A6AD66): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#5C9A71): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4D6B92): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#3F2E3D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Boulevard color palette (#ECFAEB, #DCB780, #7E9D70, #656C91, #384D41)
• Hushed Hollow color palette (#ECF8F5, #91B178, #3A99AC, #805B89, #2E3A2F)
• Taupe Basin color palette (#E6F6EE, #A1A04E, #435E5B, #2E3C35, #1E231F)
• Tempered Jade color palette (#E2FBFA, #48B57F, #5880C2, #6C4F86, #39232C)
• Teal Veranda color palette (#FDF3E9, #E7B075, #00B0AE, #6E5F9A, #2E2218)
• Weathered Bloom color palette (#FAF2FD, #D78FA2, #339C98, #72648F, #3C3040)
• Muted Taupe color palette (#F1F7F1, #D2DDDD, #A9B2B9, #88A48A, #4D554D)
• Emerald Dune color palette (#DFFCFA, #329D5F, #007D92, #6D3481, #0C2512)

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