Tempered Sky color palette — #E4FAFF · #97E1FF · #52B9ED · #4F8EC0 · #0C3B72
A conversation between Cyan and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
- Ice Blue (#97E1FF): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#52B9ED): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#4F8EC0): A luminous, balanced blue — the color of deep harbor water.
- Navy (#0C3B72): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Sky 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
- Navy Alley color palette (#EDF6FF, #B7D4FF, #90A9F2, #777EC0, #392B71)
- Dusty Seafoam Lagoon color palette (#D7FFF7, #6CE8E3, #53C1CA, #248FA5, #004357)
- Weathered Aqua Lantern color palette (#DFFCFA, #5AD9FF, #72ABD8, #9274A1, #2C404D)
- Pale Azure color palette (#CFFFF5, #57D3E3, #4A9FD1, #46609C, #403070)
- Soft Navy color palette (#CFEFFE, #009ADB, #0073BD, #00439B, #020036)
- Washed Sky Lantern color palette (#D3E8F7, #17B8F8, #5B728A, #3E4C56, #111A1F)
- Gentle Navy Pier color palette (#C7FADD, #7CC3C0, #1C85AD, #2442A0, #2D065C)
- Hushed Basin color palette (#EDF7FF, #BCD7FF, #ABB8D6, #8F889B, #584960)
Browse the whole catalog at Explore, or see today's palette.