Tempered Pier color palette — #E1F1EE · #5F93A3 · #00535C · #002C28 · #000508

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

The five colors

• Cream (#E1F1EE): bright and airy, almost weightless.
• Storm Blue (#5F93A3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00535C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002C28): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000508): quiet, heavy and certain.

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

• Worn Abyss color palette (#D4E2E1, #45809F, #003F62, #001E26, #000104)
• Hushed Cobalt Grove color palette (#D6F1FF, #50A7CE, #0079C4, #003F44, #000A0F)
• Dusty Basin color palette (#E5E6D6, #57B2B8, #007381, #004A45, #00171E)
• Cerulean Harbor color palette (#EAF4F2, #A5CFDF, #238A9D, #005B59, #002530)
• Timeworn Canyon color palette (#C4E7F4, #006772, #620F9E, #003036, #05000E)
• Deep Nightshade color palette (#CFEBF0, #00535E, #2D00B1, #043A06, #000102)
• Faded Cobalt Hollow color palette (#E6F6F5, #B1D4F4, #3685D7, #005D7D, #001F5A)
• Deep Chestnut color palette (#F2DDE4, #7F5827, #512B00, #2A0F00, #030100)

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