Tempered Pier color palette — #F3F7ED · #D0DFD9 · #AAAFC0 · #1BAB79 · #2A3C00

A conversation between Jade and Forest, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Silver (#D0DFD9): bright and airy, almost weightless.
• Ash (#AAAFC0): A luminous, dusty violet — the color of wild irises.
• Jade (#1BAB79): A luminous, balanced teal — the color of glacier melt.
• Forest (#2A3C00): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Aged Drift color palette (#F1F7F1, #D0E0DE, #C0C6D2, #00A7A7, #2D392D)
• Wandering Moss Lantern color palette (#F6F6EC, #D4DDD5, #A0B4CE, #69A607, #36352E)
• Ancient Pine Pier color palette (#ECF8F8, #CADEED, #A5C1CC, #007E57, #344343)
• Pale Veranda color palette (#F4F8E2, #A7EACC, #00A998, #3F7B42, #003826)
• Tempered Teal color palette (#E9FBE8, #00A7A2, #004451, #041B04, #010200)
• Hazy Plum Quarry color palette (#E8FDDB, #B4E6DE, #7EA4C3, #A64F74, #6D3122)
• Cornflower Workshop color palette (#ECFBE4, #00CAAC, #2977F3, #8E006C, #331B00)
• Misty Mulberry Villa color palette (#FFF4E2, #22DEB0, #0097A9, #99007A, #002F2B)

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