Tempered Azure color palette — #CAEFF7 · #4DCBFE · #1DA3FC · #4C74C8 · #3A3560
A conversation between Cornflower and Sapphire, giving this palette its sense of trust and stability.
The five colors
- Frost (#CAEFF7): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#4DCBFE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cornflower (#1DA3FC): A luminous, vivid blue — the color of open sky before noon.
- Sapphire (#4C74C8): A full-bodied, balanced violet — the color of wild irises.
- Navy (#3A3560): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Antique Cobalt Courtyard color palette (#D1E5F2, #3EB0F8, #0085D9, #1D5EAA, #2B3D60)
- Sunlit Aqua color palette (#D7EAE5, #00D6DD, #00ABCA, #007FB3, #223C5C)
- Frosted Study color palette (#D3ECFF, #A1CAFF, #7FA4FF, #827AC0, #424366)
- Aged Azure Loft color palette (#EAF8FF, #8CD0FF, #2D98EE, #2E5C96, #1B2E52)
- Worn Harbor color palette (#BEE6F4, #28A0DB, #0065AA, #09397A, #131544)
- Tempered Lagoon color palette (#D3EEF9, #05A0EF, #0074E6, #4138B9, #261549)
- Marigold Coast color palette (#E3F0FF, #92C2FF, #F7A922, #4287DE, #4A2F00)
- Periwinkle Alley color palette (#EDF4FF, #BBC9FF, #859EFF, #486ABF, #131B48)
Browse the whole catalog at Explore, or see today's palette.