Tempered Pier color palette — #FFDDFC · #B3BEFF · #B19AFF · #A078BA · #653B3F
A conversation between Wisteria and Dusty Rose, giving this palette its sense of creativity and balance.
The five colors
- Blush (#FFDDFC): A whisper-light, dusty pink — the color of peonies in June.
- Lavender (#B3BEFF): A luminous, balanced violet — the color of a velvet chair.
- Wisteria (#B19AFF): A luminous, balanced violet — the color of twilight just after sunset.
- Dusty Rose (#A078BA): A luminous, balanced violet — the color of wild irises.
- Cocoa (#653B3F): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Creativity, Balance. Tagged warm.
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
- Fuchsia Ridge color palette (#FFE0EF, #DEBBFF, #DB85DC, #BC6F99, #633B32)
- Iris Station color palette (#BEF1DF, #ACCCFF, #919DFF, #8E7BC6, #5E3B45)
- Airy Chartreuse Coast color palette (#FFF1F7, #CFC1FF, #97DF8A, #9A82DB, #42433C)
- Pale Lilac color palette (#E1E9FF, #B8B2FF, #A47FED, #795A9F, #464566)
- Patina Wisteria Orchard color palette (#FFF1F4, #ECCBFF, #CE94EE, #9B6EB1, #3B2142)
- Tempered Indigo Lantern color palette (#E8EDFF, #9C9DE0, #7C63B1, #62417A, #3B2141)
- Ancient Harbor color palette (#FFF1F6, #E7D6CF, #99A9DE, #9FAF9E, #61494E)
- Mustard Lagoon color palette (#FFF1F7, #C4AFFF, #BBBC24, #5FBA8F, #47303B)
Browse the whole catalog at Explore, or see today's palette.