Tempered Pier color palette — #FBF2F7 · #D9D4E4 · #99B4D4 · #5B9387 · #4B5266

A conversation between Eucalyptus and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Silver (#D9D4E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#99B4D4): A luminous, dusty blue — the color of deep harbor water.
• Eucalyptus (#5B9387): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4B5266): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged coastal, cool, 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

• Tempered Harbor color palette (#E2FBFA, #D7DFEB, #BAAAAF, #81A89A, #405254)
• Wandering Ash color palette (#EDF9F1, #A8D6C8, #7EA68E, #8A6A77, #394C4B)
• Muted Seafoam color palette (#E6FAFA, #74DCB2, #E199B2, #5E9B81, #574560)
• Iris Alley color palette (#FFF1F5, #BEDFFF, #8793EC, #008188, #493460)
• Faded Ultramarine color palette (#F1E1E6, #6AA9D7, #475EB7, #004A49, #1C003A)
• Pale Cerulean Atelier color palette (#F7E9F6, #85D4D8, #2592BC, #226E41, #192E4C)
• Glacier Station color palette (#E5FAFF, #92EEE5, #60B4A5, #2E736B, #0D3F46)
• Timeworn Hollow color palette (#DEFCFF, #40CBAC, #D28EA1, #B5796D, #2D484B)

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