Tempered Azure Basin color palette — #D6FEFF · #C0E0FF · #44A9D6 · #4275A9 · #333D61

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

The five colors

• Ivory (#D6FEFF): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#C0E0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#44A9D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4275A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#333D61): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Tempered Azure Basin 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 Cobalt Pier color palette (#D4F0FF, #91DBFA, #48B3E9, #1C91D5, #264C6E)
• Misty Turquoise color palette (#DAFFEE, #8CEEDB, #14BFCA, #007C97, #153F5A)
• Periwinkle Harbor color palette (#DBFFEC, #C6E6FF, #89A5F6, #6D65A4, #5C3545)
• Misty Cobalt color palette (#D9E7DF, #5AB9E0, #0087BA, #035787, #00322A)
• Aged Periwinkle color palette (#FDF0FF, #DBDAF2, #739EE0, #35568C, #001F44)
• Faded Navy color palette (#DBEDEF, #0089AB, #005085, #001365, #010009)
• Cerulean Station color palette (#E3FCF2, #A7DCFF, #E9AD6B, #3293C9, #503004)
• Ultramarine Pier color palette (#E1F9FF, #57BBFF, #0A7DF5, #3438D1, #25005A)

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