Tempered Sky color palette — #FFF0F9 · #D4D5E3 · #57B6FF · #00897F · #21325E

Built around Cornflower, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Silver (#D4D5E3): bright and airy, almost weightless.
• Cornflower (#57B6FF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00897F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#21325E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Turquoise Canyon color palette (#FFF0FA, #CDDFF5, #00C3DF, #2F8A56, #003A53)
• Worn Periwinkle color palette (#FFF0F8, #D8D6ED, #359EFD, #007270, #171E4F)
• Powdered Station color palette (#FDF1F8, #BEEDFF, #81BBFB, #00A88D, #383A6A)
• Washed Aqua Quarry color palette (#FDE7F5, #30CAEC, #006EA1, #003F36, #00020E)
• Weathered Cobalt color palette (#FCF4E7, #9BD9F0, #0088C4, #006669, #024079)
• Hushed Quarry color palette (#FCF2F5, #D8D4DE, #B0CDFD, #6F99A8, #464D61)
• Tempered Emerald Courtyard color palette (#FFF1F6, #FF9DCB, #00A578, #008C9F, #2A1836)
• Dusty Glacier color palette (#FFF0FA, #66E2E3, #0088A2, #005435, #000E1A)

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