Tempered Sky color palette — #FAF4EB · #D7D6E3 · #67B6F6 · #008691 · #173362

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Silver (#D7D6E3): bright and airy, almost weightless.
• Cornflower (#67B6F6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#008691): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#173362): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Timeworn Pine color palette (#F9F4EE, #BAE5EB, #39B9C9, #008261, #003442)
• Teal Terrace color palette (#FFF3EA, #C4EBFF, #89B8FF, #00A797, #3E3474)
• Pale Periwinkle color palette (#FEF4E4, #DBE4F8, #389DFE, #00707F, #071862)
• Dusty Petrol color palette (#F8ECDA, #83C1DA, #006EA3, #003D40, #00020A)
• Wandering Atelier color palette (#D9FDFF, #61E1FF, #009ECB, #006FA0, #003873)
• Turquoise Balcony color palette (#ECF7FF, #DBD9E4, #B7ACA5, #13B7D8, #462D48)
• Tempered Cerulean Workshop color palette (#FDF4E6, #90DAE1, #0088A3, #005346, #000F18)
• Dusty Cerulean color palette (#F9F4EE, #C9DBE7, #E2BFDE, #659BAE, #5C4555)

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