Tempered Pier color palette — #EEF1FF · #B5AAE3 · #A2A14F · #7466A5 · #1A382C

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

The five colors

• Ivory (#EEF1FF): bright and airy, almost weightless.
• Mauve (#B5AAE3): A luminous, balanced violet — the color of a velvet chair.
• Moss (#A2A14F): A luminous, balanced green — the color of fresh herbs.
• Slate (#7466A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Forest (#1A382C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Antique Powder Dune color palette (#F2F5FF, #AFA6E6, #A09C5E, #7369A1, #355546)
• Patina Amber Grove color palette (#ECF2FC, #9FB2E1, #C59051, #5A6FA6, #422831)
• Teal Dune color palette (#F4EFFD, #D6A0C4, #63AF87, #945C83, #063939)
• Timeworn Alley color palette (#FFF1F7, #CAB7FD, #B9B56E, #9182B9, #4F4D46)
• Softworn Emerald color palette (#ECF2FF, #8A96DC, #609F5B, #588654, #212735)
• Driftwood Bloom color palette (#EBF5EB, #9CC7B1, #9D7C4C, #6C4D60, #1B312C)
• Dusty Cerulean Meadow color palette (#EDF2FE, #E3D5E1, #9FC9CF, #6789A6, #383949)
• Tempered Corridor color palette (#F1F0FC, #98CFD2, #765085, #302D47, #14121C)

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