Tempered Pier color palette — #ECF7FF · #00D2D1 · #009DCC · #4C47FF · #00314C

Iris and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Aqua (#00D2D1): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#009DCC): A luminous, balanced blue — the color of open sky before noon.
• Iris (#4C47FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.

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

• Dusty Garden color palette (#EEF6FF, #00D0FB, #29A5FF, #8222FB, #0D2562)
• Washed Mint Courtyard color palette (#D5FFFF, #00D2A3, #00B3BF, #007BB7, #002E35)
• Byzantium Meadow color palette (#E2F5FF, #00E3A7, #00A4DC, #8F2DD5, #000E26)
• Byzantium Workshop color palette (#E9F1FF, #5DC1FF, #7388FF, #983DB8, #251F45)
• Ultramarine Meadow color palette (#D8E9F6, #1694FB, #093DF8, #3D00BA, #3B1E70)
• Aged Aqua Bloom color palette (#EDF9EF, #4FCBDD, #007999, #00574E, #003753)
• Orchid Veranda color palette (#D9FFF1, #00EDC0, #2BC4F9, #BF59F4, #002645)
• Indigo Lagoon color palette (#E0F3FA, #6F9ED5, #7259BF, #81390E, #563902)

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