Tempered Pier color palette — #FFD7F0 · #A0A6FF · #9E8C00 · #4D2CDB · #352E00
Built around Iris, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFD7F0): A whisper-light, dusty pink — the color of neon signs at night.
- Wisteria (#A0A6FF): A luminous, balanced violet — the color of wild irises.
- Moss (#9E8C00): A luminous, balanced green — the color of fresh herbs.
- Iris (#4D2CDB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Espresso (#352E00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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 Ultramarine Station color palette (#D7E5FF, #83AFFF, #AE8500, #0045DA, #3B2B00)
- Quiet Lapis Delta color palette (#F1F5FF, #A3A9FF, #AD9E06, #5A35FD, #231F00)
- Muted Orchard color palette (#FED7EF, #766BFB, #827000, #4900D0, #362E00)
- Faded Grape color palette (#FFD9E4, #D58BFF, #5FA000, #8400B5, #1C3600)
- Wandering Boulevard color palette (#D8E5FF, #9CB0FF, #BCB820, #5A6CF3, #313000)
- Faded Plum color palette (#FFE8EA, #D987C8, #3EB67D, #9D428C, #004127)
- Rust Workshop color palette (#C4F0DD, #2EBEFA, #C55500, #00729B, #4E1D00)
- Dusty Drift color palette (#FEF1F7, #C4BDEE, #B9B477, #8C83BC, #4F4D46)
Browse the whole catalog at Explore, or see today's palette.