Tempered Pier color palette — #F1DBFE · #C2C6FF · #F5AB00 · #213723 · #131C13
Saffron and Lilac Frost set the tone — five colors that lean into optimism and creativity.
The five colors
- Thistle (#F1DBFE): A whisper-light, dusty violet — the color of a velvet chair.
- Lilac Frost (#C2C6FF): A whisper-light, dusty violet — the color of wild irises.
- Saffron (#F5AB00): A luminous, vivid gold — the color of old brass.
- Deep Forest (#213723): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#131C13): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Creativity, Balance. Tagged neon, dark, 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
- Faded Mustard color palette (#FFD8E7, #EFB2F9, #D1BE00, #153426, #171E1A)
- Timeworn Apricot color palette (#EEDDFF, #B8CAFF, #FFA06D, #472B3B, #1B1318)
- Dusty Mustard Veranda color palette (#EDDCFF, #67E4FF, #E8B700, #354E4A, #2F3630)
- Tempered Sand color palette (#FFE2F5, #BFDAFF, #FFB98B, #6C3A00, #332E2A)
- Muted Cypress color palette (#EDF4F0, #ADCDAF, #436C55, #133A27, #0C1711)
- Aged Workshop color palette (#E8E9FF, #D595D4, #999200, #252200, #00130A)
- Hushed Moss color palette (#FDE5FD, #FFB1D0, #55B229, #00322C, #091311)
- Hushed Bronze Bloom color palette (#EEF3EF, #D6C096, #488AB6, #916A00, #0C1720)
Browse the whole catalog at Explore, or see today's palette.