Weathered Sky color palette — #F0F7F2 · #C7E5F6 · #5EBDF1 · #00A0A0 · #1C3C5C

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Frost (#C7E5F6): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#5EBDF1): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00A0A0): A luminous, balanced teal — the color of sea glass.
• Navy (#1C3C5C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Weathered Delta color palette (#E9F1EB, #B2D7FC, #76A2FA, #008CAE, #242460)
• Weathered Teal color palette (#F1F7F2, #D6DFEE, #99D0EB, #4CB5AF, #415567)
• Wandering Azure color palette (#FAF3F7, #B3DBF0, #569BD7, #007F63, #2F3565)
• Cobalt Pier color palette (#E4EFE6, #6BAAC4, #007CB9, #005C61, #00081C)
• Weathered Jade color palette (#DCE3FF, #AF9FF8, #E18D5A, #00AF8B, #2C2548)
• Aged Study color palette (#F6F1EA, #91D3E8, #3685AE, #005B5B, #002720)
• Aged Azure Bloom color palette (#D7E1D9, #98C7E0, #2D98E8, #007B87, #021B4C)
• Timeworn Periwinkle color palette (#F2F5FF, #E4D5E6, #FDB9B9, #87A2F2, #383857)

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