Tempered Pier color palette — #D3E6D6 · #3EA0BA · #006084 · #003B3A · #000A18

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#D3E6D6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3EA0BA): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006084): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003B3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Petrol color palette (#E3F2E6, #4CAFD2, #006DA0, #004A4C, #00132E)
• Hushed Ultramarine color palette (#DAE9DD, #5A98CD, #1650B6, #003948, #05012A)
• Washed Lantern color palette (#E7E9DD, #83AE94, #005D79, #002B2F, #000103)
• Worn Loft color palette (#F4E7EF, #458B9E, #004162, #00231E, #000624)
• Powdered Cobalt Quarry color palette (#E4F3E7, #98CBF0, #4C88D3, #00697B, #202B50)
• Turquoise Field color palette (#EDF9EF, #9AE4E0, #28A7B5, #2F7C60, #1D3F50)
• Linen Plum Boulevard color palette (#E6DCF3, #B5008C, #006940, #65004C, #000803)
• Antique Mulberry Lagoon color palette (#F2DFE7, #9D0069, #515000, #00445B, #060002)

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