Tempered Pier color palette — #FFECF2 · #9B72B2 · #7E6821 · #1B523D · #1E141F
Built around Slate Blue, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
- Slate Blue (#9B72B2): A luminous, balanced violet — the color of wild irises.
- Walnut (#7E6821): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#1B523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#1E141F): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Wisteria Harbor color palette (#FCEEEE, #CB7EB7, #916932, #235745, #331F32)
- Tempered Meadow color palette (#FBEDF6, #717FD1, #935A22, #3F5325, #122218)
- Rust Studio color palette (#FFEEE8, #BA5465, #217342, #00475E, #1D090F)
- Gentle Studio color palette (#FFEDEE, #B412B8, #505400, #004542, #160314)
- Softworn Veranda color palette (#F9EFF1, #DFD5CF, #B3AFA1, #9E767E, #3D3335)
- Muted Raspberry color palette (#F9E9E8, #C2598D, #4C352E, #251B1B, #110B0B)
- Mallow Workshop color palette (#FAECFF, #E1A7D4, #A76F88, #7E4248, #4B1609)
- Timeworn Mallow color palette (#FFF1F2, #E8A5E2, #A1974C, #6D6735, #1F2F28)
Browse the whole catalog at Explore, or see today's palette.