Tempered Pier color palette — #DFFDF2 · #EADDF3 · #FFBEBE · #57B8B1 · #553B50

Turquoise takes the lead with Rose Quartz close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#DFFDF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Thistle (#EADDF3): A whisper-light, dusty violet — the color of a velvet chair.
• Rose Quartz (#FFBEBE): A whisper-light, dusty red — the color of embers at dusk.
• Turquoise (#57B8B1): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#553B50): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Dusty Sky Loft color palette (#FFF0F8, #F7D2DE, #EABF9F, #74B4D8, #51373D)
• Softworn Cabin color palette (#DFFEED, #E3E1F3, #F7B9F9, #6BB9A6, #2D4C43)
• Washed Thicket color palette (#FFEFFF, #DCD2D9, #B1A9A0, #5F93AF, #40293C)
• Ancient Orchard color palette (#EEF6FF, #D7DFFF, #E2B6FD, #4895B5, #33435C)
• Patina Taupe color palette (#EFE7D3, #B0CC97, #AAA050, #9E6F38, #2F312B)
• Quiet Parlor color palette (#E3F4EE, #C2C2F8, #FF89C6, #009DAB, #311529)
• Softworn Iris Terrace color palette (#F7EAF2, #C0D28D, #747ED8, #4C527F, #1F111B)
• Quiet Meadow color palette (#D9F5E0, #BCCC00, #52C4FF, #305749, #13201B)

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