Tempered Pier color palette — #E6FBF3 · #C5B3E7 · #C37891 · #377C76 · #484556

Dusty Rose and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#E6FBF3): A whisper-light, dusty teal — the color of sea glass.
• Lavender (#C5B3E7): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#C37891): A luminous, balanced rose — the color of pressed rose petals.
• Teal (#377C76): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#484556): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Coast color palette (#E4FBF6, #9CC1F1, #A97FC0, #5F7753, #414857)
• Softworn Amber Grove color palette (#F3F4FF, #B7A6E0, #B97D4E, #337769, #254758)
• Taupe Villa color palette (#FFF4E2, #F2CFF7, #CC8E9E, #627C4E, #4F393A)
• Wandering Ash color palette (#F3F4FF, #D8D0E4, #BC9CB3, #738A92, #374F59)
• Amber Market color palette (#E7FBEE, #F0929E, #B7760F, #37688D, #4A3644)
• Dusty Balcony color palette (#FFF2EA, #D38EBC, #9C6474, #70532E, #574141)
• Ash Bloom color palette (#F4EFFB, #C583AD, #635163, #3B3542, #212127)
• Softworn Taupe color palette (#F0F7F0, #B3DCC7, #8AA66E, #777C93, #435149)

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