Tempered Pier color palette — #E6F0F6 · #C0D3E1 · #84AACF · #00566E · #000306

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E6F0F6): bright and airy, almost weightless.
• Powder Blue (#C0D3E1): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#84AACF): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00566E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Chapel color palette (#EAEEF6, #CACFE0, #AA9DCE, #38409C, #010209)
• Washed Abyss color palette (#E3F1E9, #92A59E, #8B7289, #003D4C, #000602)
• Wandering Petrol color palette (#D7E1E6, #ACB0CD, #9B93B4, #007F96, #04161E)
• Weathered Boulevard color palette (#F3F4FD, #E1D5E5, #BCB5D8, #6D4C98, #0A0A1B)
• Timeworn Denim Lagoon color palette (#DFE8F8, #828ED6, #685399, #4C1D2F, #160001)
• Patina Jade color palette (#CFE7E5, #39A475, #005B47, #003330, #000201)
• Ultramarine Veranda color palette (#EBF5FF, #45CCFE, #0599ED, #2856E2, #000104)
• Quiet Nightshade color palette (#CEF3E1, #007DC0, #0B1DBC, #35002B, #000104)

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