Tempered Pier color palette — #FAF2F8 · #D6D5E8 · #82BAD6 · #609094 · #435468

Built around Sky, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#D6D5E8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#82BAD6): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#609094): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#435468): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. 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

• Antique Teal color palette (#F8F5EF, #C5DDE3, #A5C7F4, #50A298, #2F564A)
• Faded Aqua Ridge color palette (#F6E5F1, #48C5D2, #0080A5, #005B45, #00203C)
• Tempered Denim Pier color palette (#F0DBE8, #469FB9, #005E8F, #003C36, #000429)
• Frosted Cobalt Terrace color palette (#F9EAEF, #96CBF4, #6084CF, #006A74, #2B2653)
• Periwinkle Coast color palette (#FEF1F7, #AEE4FF, #4E9EF6, #008282, #333B6C)
• Worn Mustard Station color palette (#E9FAEE, #DDC36B, #A1ACEA, #9F8B46, #424D64)
• Aged Taupe Dune color palette (#EBFAEF, #A7D7C3, #AA9A6F, #896B76, #394C48)
• Tempered Mustard Workshop color palette (#E2FDED, #C6B23D, #94A1D9, #9E7DAA, #34483D)

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