Tempered Sky color palette — #F4F7EC · #D7D6E3 · #36BBFF · #00859B · #03385B

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Silver (#D7D6E3): bright and airy, almost weightless.
• Cornflower (#36BBFF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00859B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#03385B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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 Dune color palette (#F5F6ED, #CCDEFA, #00C5D4, #00897B, #003C46)
• Faded Villa color palette (#F3F7E8, #D8E2F5, #0FA2F6, #006E88, #002549)
• Worn Petrol Lagoon color palette (#EDF0E1, #68C5E5, #007098, #003D45, #000307)
• Hushed Grove color palette (#FFF2EA, #C2ECFF, #79BCFF, #00A6A2, #323D66)
• Magenta Workshop color palette (#EEF6FF, #69B3FF, #D65FFF, #009B8D, #05223E)
• Patina Workshop color palette (#D8FFF5, #E2DAE3, #BDADA7, #3DA3D9, #263B5A)
• Cerulean Lantern color palette (#F5F6EC, #96D9DE, #008A9A, #00524C, #000F14)
• Washed Powder Lantern color palette (#F4F6F0, #C2DEF1, #BEBDF6, #639AB7, #5A4558)

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