Tempered Pier color palette — #DBECE6 · #CBC2FF · #72C4FF · #1C3143 · #11171C

Sky and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBECE6): bright and airy, almost weightless.
• Lavender (#CBC2FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Sky (#72C4FF): A luminous, balanced blue — the color of deep harbor water.
• Deep Teal (#1C3143): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#11171C): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Washed Mallow color palette (#D7F1FB, #FFB1CE, #BDADFF, #352C3F, #1B1D22)
• Worn Cobalt Coast color palette (#EEF2F8, #B3C2EC, #9475A3, #536BC0, #151420)
• Muted Powder Pier color palette (#FFDADF, #E3CCFF, #A7CEFF, #574858, #332C33)
• Petrol Balcony color palette (#EAF3FB, #99CFCC, #3C6684, #0A344E, #0A151E)
• Worn Pier color palette (#D8F0EF, #FF6AF0, #779AFF, #111D47, #040D21)
• Aqua Basin color palette (#FFE19B, #FFBBCA, #3FD0FF, #395252, #333A36)
• Wandering Driftwood Lantern color palette (#EFF2F8, #D8D5DB, #B8ABB1, #7D7EAB, #33363F)
• Dusty Fern Quarry color palette (#E7F5FA, #49A2AC, #886C35, #455700, #052021)

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