Tempered Pier color palette — #F8F5EF · #C2E0F2 · #C0BEF6 · #629CAA · #594755

Lavender takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Powder Blue (#C2E0F2): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#C0BEF6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Slate Blue (#629CAA): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#594755): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Softworn Petrol Veranda color palette (#EEF7F7, #D7DBEC, #7E9CBC, #47768A, #41546D)
• Glacier Bloom color palette (#F8F5EF, #C0DFE3, #7FDDEA, #62A188, #3C5447)
• Aged Teal color palette (#F0F8EE, #A7F8EB, #FFB4C0, #27B0A2, #5C3E37)
• Weathered Market color palette (#FAF4EB, #BFE5F4, #56B0E8, #007E83, #3D233F)
• Powdered Cobalt Parlor color palette (#FCF4E8, #9CD4F6, #007DD6, #00505A, #01082B)
• Azure Archive color palette (#FCF4E7, #B4F1FF, #00A0CF, #006A64, #002137)
• Softworn Denim color palette (#EDE3D4, #70AFAC, #006069, #002D1E, #000102)
• Timeworn Mallow color palette (#EAFBE9, #7DDFDA, #CFA9EA, #C39968, #2F3D2D)

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