Tempered Pier color palette — #EDF7FF · #7BB5E2 · #AE7BC5 · #94566B · #2C1E26

Wisteria and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Sky (#7BB5E2): A luminous, balanced blue — the color of open sky before noon.
• Wisteria (#AE7BC5): A luminous, balanced violet — the color of a velvet chair.
• Pewter (#94566B): A full-bodied, balanced rose — the color of a warm blush.
• Onyx (#2C1E26): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Tempered Blush color palette (#F0F5FF, #B0B7F2, #CC7999, #935C50, #1A261B)
• Iris Meadow color palette (#FBF2F7, #E29B7D, #8F8CD3, #7A5479, #2D232E)
• Washed Atelier color palette (#EEF7FC, #83D9FD, #8596D7, #7D5D86, #0A4143)
• Linen Rust Basin color palette (#F5F4FF, #C38FDB, #C7594A, #795000, #091D17)
• Worn Field color palette (#EBF8F7, #77CE91, #D287AB, #AA7D6D, #3D2F33)
• Magenta Bloom color palette (#EFF6FF, #6498FF, #D200B2, #A30824, #250914)
• Tempered Market color palette (#F2F5FF, #9A82F2, #C4345B, #7C3900, #000F05)
• Hushed Dune color palette (#EEF4E9, #56987D, #785B8A, #6F3530, #1F1A06)

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