Tempered Pier color palette — #ECF1FF · #C7C9FF · #BAA1DE · #A8747F · #6F3E3C

Built around Mauve, softened by Lilac Frost — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#ECF1FF): bright and airy, almost weightless.
• Lilac Frost (#C7C9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#BAA1DE): A luminous, balanced violet — the color of twilight just after sunset.
• Mocha (#A8747F): A luminous, dusty red — the color of late-summer berries.
• Cocoa (#6F3E3C): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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 Bronze Basin color palette (#FFDBF1, #CEBDF0, #BD95C5, #B06C53, #70380A)
• Powder Summit color palette (#C5F1D9, #A4D6F7, #8DB1EA, #9A759F, #5E3750)
• Peony Thicket color palette (#E7DAFB, #B78EC4, #B56D9F, #96533A, #3C2306)
• Ash Quarry color palette (#E7F9FF, #CEE0FF, #B894C7, #547A64, #524A1F)
• Chalky Parlor color palette (#F8EBF7, #F795C9, #DA7792, #986C37, #4E3B00)
• Softworn Driftwood Station color palette (#9BF5EE, #88A9D4, #9C70A2, #5A5930, #2E2C00)
• Muted Grove color palette (#FFF1F0, #EDD6D0, #D5B9AB, #AA9E84, #5F5000)
• Pale Lilac Ridge color palette (#FFF1F7, #CAB8FF, #FF957E, #A378FF, #6A1A0A)

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