Dusty Sky color palette — #F9F3F8 · #AFEDF2 · #4BC0F2 · #44A16A · #283C56

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Sea Foam (#AFEDF2): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#4BC0F2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#44A16A): A luminous, balanced teal — the color of sea glass.
• Navy (#283C56): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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 Powder color palette (#FBF2F7, #D4E0F8, #8FC2FA, #55AA95, #3C4763)
• Periwinkle Summit color palette (#F6EBF0, #A1DDF9, #66A5FF, #009282, #2B284D)
• Patina Turquoise Parlor color palette (#EEF8F0, #D6D7E6, #4EB6CF, #18806D, #003348)
• Softworn Taupe Harbor color palette (#E2FBF8, #BDE3FF, #BDBFEA, #B7A152, #244748)
• Cobalt Hollow color palette (#E5DAE3, #4BB1BF, #007DB0, #00613D, #000427)
• Cerulean Station color palette (#FBEFEA, #B4D0B8, #2F87A4, #005E43, #00223C)
• Wandering Clover Studio color palette (#DBFFE9, #82E6B3, #00C174, #008358, #002C1A)
• Airy Clover color palette (#F0EAD9, #B9BE56, #4EB83D, #00926B, #003F3D)

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