Tempered Sky color palette — #EEF6FF · #76B6F2 · #BB8E62 · #4F769B · #61434E

Sky and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#76B6F2): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#BB8E62): A luminous, balanced gold — the color of old brass.
• Slate (#4F769B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#61434E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Cobalt Delta color palette (#E8F3FF, #91B7E0, #C49061, #3F75AB, #462533)
• Patina Grove color palette (#E6F9FF, #57C3C8, #C8847E, #188287, #5D435A)
• Muted Pier color palette (#F1F5FF, #A2A8F6, #A29B61, #686CA4, #365545)
• Cerulean Harbor color palette (#E6FBF4, #A1C9EC, #CDAB7A, #5992C0, #6A4400)
• Muted Periwinkle color palette (#EEF6FF, #689ADA, #B5757A, #657F58, #364454)
• Timeworn Ash color palette (#EFF6FF, #DED9E2, #D1BDD9, #7592A8, #484F5E)
• Cobalt Studio color palette (#EFF6FF, #AECAFF, #607FB1, #3A4F75, #233651)
• Stone Lantern color palette (#E9FAF1, #B1BF90, #858355, #4D6453, #384D49)

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