Tempered Pier color palette — #FCE8F3 · #B8B5FF · #E4B421 · #8077DB · #443300

Saffron and Lavender Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FCE8F3): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#B8B5FF): A luminous, balanced violet — the color of twilight just after sunset.
• Saffron (#E4B421): A luminous, balanced gold — the color of afternoon light on wheat.
• Lavender Blue (#8077DB): A luminous, balanced violet — the color of twilight just after sunset.
• Espresso (#443300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, 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

• Soft Mustard color palette (#FFF1F4, #E5B9F7, #E0B939, #BB87D0, #4F4113)
• Hazy Canyon color palette (#D9F6EC, #7BC7FF, #EDAF21, #008FD7, #463205)
• Gentle Marigold Parlor color palette (#F5DCEE, #93A8FF, #CC9D00, #6CA858, #3B2135)
• Hushed Coral color palette (#FFF0F8, #B9B5FF, #F47D7B, #726AB8, #451616)
• Feathered Mustard Canyon color palette (#D6E9E4, #F7B114, #BDA6FF, #634151, #271920)
• Lime Harbor color palette (#FFE8EA, #FFB7F1, #81C857, #B354A4, #263D18)
• Quiet Grape color palette (#FFE9F3, #B89BFF, #A39003, #6C35BF, #201B00)
• Tempered Sky color palette (#FFF0FA, #F1D1E6, #F1B8A8, #72B3E3, #4D323E)

Browse the whole catalog at Explore, or see today's palette.