Tempered Sky color palette — #FDF3EC · #BBE8FF · #77B6FD · #4B9B9A · #4B3144

Cornflower and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Powder Blue (#BBE8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#77B6FD): A luminous, balanced blue — the color of open sky before noon.
• Storm Blue (#4B9B9A): A luminous, dusty teal — the color of sea glass.
• Charcoal (#4B3144): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Tempered Sky color palette (#FEF2ED, #A4F0F3, #54C1E2, #599B7D, #183E59)
• Antique Periwinkle Harbor color palette (#FCF2F6, #D7D4DF, #7CA8E8, #008073, #2C2751)
• Powder Harbor color palette (#FBF3EE, #C2E2F0, #A0CCF6, #8EAC8A, #604B5B)
• Aged Iris color palette (#F4E9DE, #7FC8FF, #628EEC, #007B87, #1E1448)
• Apricot Loft color palette (#FFDEBF, #FB9001, #49B0E6, #7E85CE, #3A2714)
• Apricot Corridor color palette (#FFEAD9, #FFA761, #4EBDF2, #CD7A31, #003B52)
• Cobalt Summit color palette (#FAEBDE, #5AAAD9, #3371D0, #005C61, #07002A)
• Hushed Bloom color palette (#EBF5ED, #AFCCE0, #4681B4, #005A63, #0A1E45)

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