Tempered Sky color palette — #EDF9EF · #B6E9FF · #6DBAF1 · #309DA3 · #283C54

A conversation between Sky and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Powder Blue (#B6E9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#6DBAF1): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#309DA3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#283C54): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Periwinkle Cabin color palette (#FFF3EA, #C2E8F8, #6EACE3, #157F79, #202C50)
• Hushed Quarry color palette (#F0F7F1, #D7DFED, #9BCEEE, #71AFAF, #425468)
• Cobalt Field color palette (#D6E8DA, #66AACC, #0079C5, #005C65, #000526)
• Soft Summit color palette (#FFE7F3, #FFA673, #44BFEE, #D37438, #003B4F)
• Azure Bloom color palette (#D8E6DB, #75CAFE, #3994F1, #007A8C, #0C1A48)
• Cerulean Hollow color palette (#E3F2E6, #5AC2C7, #0093AA, #006F5A, #001721)
• Aged Cobalt color palette (#F1F3EB, #AAD2BF, #2785B3, #005967, #00233A)
• Soft Apricot color palette (#FED9E9, #FE8C1D, #00BFA3, #9D86D3, #3D212F)

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