Tempered Azure color palette — #F5EFE6 · #75CEE9 · #009EDA · #007D7D · #00203E

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

The five colors

• Cream (#F5EFE6): bright and airy, almost weightless.
• Sky (#75CEE9): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009EDA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007D7D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Field color palette (#E5DED4, #8FCDCA, #00A5B5, #00805F, #00242E)
• Wandering Cornflower Dune color palette (#F7EDDE, #9DC4EA, #548CFF, #007996, #181A40)
• Sunlit Cobalt color palette (#EFE4DD, #68BFD9, #0078C8, #005B48, #171845)
• Ancient Courtyard color palette (#EAE4DA, #53AFC4, #007FA8, #005D5A, #000A17)
• Turquoise Corridor color palette (#FBF4E9, #72F1EE, #00C0D4, #009B76, #003949)
• Denim Boulevard color palette (#D7E4E3, #62A7BE, #006180, #00383F, #000C17)
• Frosted Garden color palette (#FBF4EA, #C1ECFF, #64C0FF, #00A4AC, #234067)
• Aged Peony color palette (#EED8E1, #DE4D9B, #878A00, #0080AB, #270016)

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