Tempered Azure color palette — #EDF5FF · #DBD5F0 · #D9B5E5 · #33AAF2 · #1F3A65

Cornflower and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF5FF): a clean, paper-quiet neutral.
• Thistle (#DBD5F0): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D9B5E5): A luminous, dusty pink — the color of neon signs at night.
• Cornflower (#33AAF2): A luminous, balanced blue — the color of deep harbor water.
• Navy (#1F3A65): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Azure 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

• Quiet Iris color palette (#F4F3FF, #EFD1E9, #FFB1D7, #8697FD, #3D325B)
• Ancient Cerulean Coast color palette (#EEF6FF, #DCD9E3, #DBC3FF, #0092B5, #122B5E)
• Dusty Teal color palette (#DFFBFF, #AEEDFF, #AFC8FF, #00B3B0, #003E49)
• Softworn Fuchsia color palette (#D0E3EA, #FF85D1, #AE9DFF, #4D476F, #230E1A)
• Aged Stone color palette (#FFF1F3, #E3D7D1, #B1B8AA, #C3A4CA, #574243)
• Worn Loft color palette (#E3E1FF, #A090FF, #FF486E, #008999, #1F1740)
• Fuchsia Garden color palette (#E4F5FF, #C2CBFF, #EB76D2, #007771, #002147)
• Iris Atelier color palette (#F6E0F9, #F0B0E9, #EE9692, #956FBA, #3F1A22)

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