Weathered Sky color palette — #DFF7F8 · #70B2E9 · #6377A8 · #584B6A · #222D3A

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

The five colors

• Ivory (#DFF7F8): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#70B2E9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#6377A8): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#584B6A): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#222D3A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Lilac Veranda color palette (#FEEBFC, #A2A4E6, #826D9C, #704346, #272B3C)
• Teal Boulevard color palette (#E2F7F3, #45C0BF, #348497, #48506F, #193037)
• Tempered Hollow color palette (#FFF4E2, #7EAFCB, #6C759B, #784D3A, #354E47)
• Hushed Powder color palette (#EAF3FF, #B6C2DE, #8B8FA9, #756779, #4A3C49)
• Worn Lantern color palette (#E9FBEA, #AAE8FF, #9A9DCD, #5F7B61, #32414F)
• Aged Grove color palette (#E4EFFC, #3F83DA, #323C4D, #181F27, #080D11)
• Gentle Thicket color palette (#FDEBFF, #6287FF, #634CB1, #701139, #14173D)
• Hushed Hollow color palette (#FDDEF7, #9374D8, #793F89, #641D15, #15152B)

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