Tempered Pier color palette — #DDE9FF · #3337F4 · #764500 · #303B00 · #01011C
Iris takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#DDE9FF): A whisper-light, dusty violet — the color of a velvet chair.
- Iris (#3337F4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Bronze (#764500): A full-bodied, balanced gold — the color of old brass.
- Forest (#303B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#01011C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, 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
- Twilit Parlor color palette (#DDE6FC, #542AC2, #5E3600, #083000, #000203)
- Nightshade Lantern color palette (#E6EBF8, #1900CA, #423400, #241C00, #000315)
- Dusty Archive color palette (#D9E3EF, #1F73C4, #732500, #3D3600, #00040F)
- Muted Lapis color palette (#FEE8F5, #552AEA, #8F0048, #002F2F, #01000A)
- Airy Byzantium Atelier color palette (#E5E5F3, #921AC6, #7B2100, #202B00, #00090C)
- Byzantium Corridor color palette (#EBE8FE, #930AB2, #555700, #00402E, #0B0010)
- Byzantium Ridge color palette (#DBEADE, #923BD8, #85005F, #2B2F00, #17001D)
- Gentle Dune color palette (#D5F0FF, #006B85, #9C0032, #4E2D00, #000609)
Browse the whole catalog at Explore, or see today's palette.