Tempered Pier color palette — #EFF7F7 · #D6DBE1 · #BEB1B2 · #74C0A3 · #474F50

Built around Mint Leaf, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D6DBE1): a clean, paper-quiet neutral.
• Ash (#BEB1B2): a calm mid-gray that lets other colors speak.
• Mint Leaf (#74C0A3): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#474F50): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. 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

• Turquoise Lantern color palette (#F0F6FA, #DBD9E2, #BEB3AD, #66A7CB, #384147)
• Ancient Driftwood color palette (#E3FCF4, #C5E0E8, #ACC3CD, #A2788A, #40554F)
• Ancient Terrace color palette (#D6E4E6, #AFBDC4, #7D94AF, #00473C, #000102)
• Aged Station color palette (#EBF8FC, #59C1C6, #485665, #162F37, #091111)
• Dusty Petrol Study color palette (#EFF6FA, #D8D8E7, #B4B8D6, #006A84, #010F17)
• Tempered Chapel color palette (#FFF0FA, #BDEBC3, #6DACC5, #A05E4C, #264549)
• Wandering Cornflower color palette (#EEF6FF, #DDD9E3, #CAB5A1, #027BEF, #10253E)
• Teal Station color palette (#EFF7F8, #D7DAE0, #BEB1B1, #6DBFB6, #455052)

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