Tempered Pier color palette — #DDE3DE · #98A9A2 · #9A7B91 · #005052 · #010D03

Forest takes the lead with Heather close behind in a set that reads as sophistication at first glance.

The five colors

• Parchment (#DDE3DE): bright and airy, almost weightless.
• Taupe (#98A9A2): A luminous, dusty teal — the color of glacier melt.
• Heather (#9A7B91): A luminous, dusty pink — the color of neon signs at night.
• Forest (#005052): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010D03): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: 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

• Worn Lagoon color palette (#E8EDE2, #99AA9C, #629283, #00523B, #060B02)
• Dusty Villa color palette (#D6E0E4, #AEBDC8, #8593A7, #00454A, #000102)
• Ancient Villa color palette (#D4E3E9, #879DAB, #607385, #003137, #000B11)
• Tempered Chapel color palette (#EDE7EC, #C6ACB6, #B3898A, #274BA3, #1B0F1A)
• Petrol Bloom color palette (#E7F1EB, #E0D2E0, #CBAEBB, #007E9B, #25312A)
• Muted Cerulean color palette (#D9F8F0, #2083A5, #55477C, #3D3400, #130E00)
• Olive Basin color palette (#F9EFDF, #638119, #005333, #00313D, #040700)
• Timeworn Grape color palette (#E1F0E6, #00AA60, #0085B5, #6615C3, #000309)

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