Tempered Pier color palette — #EBF7FF · #C4D8F4 · #B7AAB6 · #8E9AF7 · #07233B

Built around Lavender Blue, softened by Midnight — the whole palette hums with creativity and calm.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Powder Blue (#C4D8F4): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#B7AAB6): A luminous, dusty pink — the color of peonies in June.
• Lavender Blue (#8E9AF7): A luminous, balanced violet — the color of a velvet chair.
• Midnight (#07233B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Calm, Sophistication. Tagged candy, vibrant, 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 Lilac Bloom color palette (#EEF6FF, #D2DFEC, #C3C5F2, #A590E5, #0C1C37)
• Soft Orchard color palette (#E5F9FF, #34FBFE, #B9DBED, #06A8F6, #002634)
• Timeworn Turquoise Veranda color palette (#EEF8F0, #D7D6E4, #4DB4D8, #008075, #02324C)
• Hazy Magenta color palette (#F1F5FF, #D0DCF9, #CEB9E9, #D654EB, #1B0044)
• Sunlit Iris Veranda color palette (#ECF7FF, #90C2FF, #6587E3, #5359AA, #31275A)
• Airy Wisteria Harbor color palette (#EAF8FF, #9DF8B8, #71DAFF, #BB96FF, #1B3455)
• Worn Thicket color palette (#F1F5FF, #D8DAE5, #E3B5E3, #BAB0B5, #3A3D53)
• Ancient Boulevard color palette (#EBF7FF, #AFD3FA, #919ABE, #7A5A6C, #2A492F)

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