Tempered Pier color palette — #E9F1EA · #79BDD1 · #00719B · #00504E · #0B304E

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

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Cyan (#79BDD1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#0B304E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Sapphire Market color palette (#E8F1EA, #92B6D6, #2861C9, #004D5F, #242855)
• Frosted Petrol Hollow color palette (#F3E4ED, #69C2D8, #0070B1, #004D39, #0C1037)
• Frosted Turquoise Alley color palette (#EEF0E4, #B3DFC5, #15B4E5, #008F9B, #003249)
• Washed Workshop color palette (#EEF8F0, #A4D4FF, #407AE4, #00637A, #353C66)
• Worn Cerulean color palette (#DEEDE1, #33A0A8, #005363, #003128, #001622)
• Tempered Ash color palette (#F1F7F2, #D6DEF0, #6DA0C2, #3C7A7D, #455466)
• Antique Veranda color palette (#CEF4F6, #93DBDA, #00ABD6, #2E732F, #00363D)
• Wandering Emerald color palette (#DEE6D5, #479F2E, #006E37, #004933, #002F35)

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