Tempered Azure color palette — #EAF8FF · #9DDCFF · #339FD1 · #004C68 · #001019

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

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Powder Blue (#9DDCFF): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#339FD1): A luminous, balanced blue — the color of open sky before noon.
• Navy (#004C68): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001019): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Patina Navy color palette (#F1F5FF, #C4D8FF, #6B8AD6, #2A438B, #010335)
• Worn Lagoon color palette (#D6FFF9, #7AF7EA, #00A596, #005952, #000F0D)
• Hushed Garden color palette (#CBFAE5, #5CB1E5, #006F94, #003A51, #000E17)
• Sky Lagoon color palette (#E5F5FF, #97DAFF, #13B6EF, #0083AB, #002336)
• Timeworn Cerulean color palette (#ECF7FF, #D7D9E4, #BCA6A3, #5599B0, #173145)
• Sunlit Quarry color palette (#F0F5FF, #7899F6, #B86F93, #006F65, #08152A)
• Hushed Pier color palette (#D3E0FF, #668DF9, #2639BD, #020052, #00000B)
• Seafoam Drift color palette (#EFF6FF, #8FE5BC, #466493, #152745, #00040E)

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