Tempered Sky color palette — #EFF8F0 · #C3E6F9 · #66BDEB · #209F9E · #1C3D5C

Sky takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#C3E6F9): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#66BDEB): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#209F9E): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#1C3D5C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Wandering Periwinkle Market color palette (#E6F2E8, #B0D8FD, #74A3F9, #008CAD, #252953)
• Muted Azure Pier color palette (#FCF2F8, #B7DAED, #619BCD, #1D7D64, #31375B)
• Aged Ash color palette (#F1F7F2, #D6DFEE, #9DCFE7, #72AFAA, #3D556B)
• Tempered Cobalt Workshop color palette (#D7E3D9, #71AAC0, #007CB7, #005D61, #00091B)
• Washed Market color palette (#F5F1EB, #9BD1E2, #1D86B5, #005B5B, #002720)
• Misty Azure Alley color palette (#DAE3DB, #88CAEA, #2599E8, #007B86, #001B4C)
• Washed Cerulean Terrace color palette (#E1F2E4, #77BFBC, #0094A2, #007052, #00171F)
• Amber Balcony color palette (#BEEFF3, #40C8A1, #A496EE, #D47B46, #003236)

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