Tempered Pier color palette — #E3F3E6 · #81BDF1 · #2460CA · #003C4B · #010014

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

The five colors

• Honeydew (#E3F3E6): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#81BDF1): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#2460CA): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Tempered Loft color palette (#E4F2E7, #6EC5DD, #00709A, #003E3D, #000308)
• Gentle Nightshade color palette (#E7DED5, #5F8FB7, #1C37AD, #002B31, #050018)
• Antique Loft color palette (#EDF9EF, #67E1EB, #0088A3, #005346, #000F18)
• Worn Loft color palette (#F3E5E9, #88B5DB, #527BE9, #006B77, #160040)
• Timeworn Sky Delta color palette (#EBFAEE, #D8D7E4, #66B6F6, #008691, #1D345B)
• Feathered Violet Field color palette (#E2E6FF, #8E58FF, #6D00B7, #330041, #090008)
• Feathered Nightshade color palette (#FAE8FF, #FFAFDE, #E77E89, #62449A, #130010)
• Turquoise Grove color palette (#E6FCEA, #C5ECFF, #00ADC4, #00755D, #002938)

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