Sky Coast color palette — #ECF9EE · #D2D8EC · #01C0F0 · #00897D · #003956

Cyan and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Silver (#D2D8EC): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#01C0F0): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00897D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003956): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Sky Coast 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

• Ancient Azure Atelier color palette (#ECF9EF, #CBE3F9, #00A8DD, #00736E, #002742)
• Petrol Coast color palette (#E7F1E9, #70C7CF, #00738B, #003F35, #000306)
• Sunlit Quarry color palette (#FFF0FC, #A7F3FF, #56C2FF, #2DA975, #293D6E)
• Hushed Lantern color palette (#F5F6EA, #8CDDEB, #008EA9, #006667, #00475C)
• Denim Pier color palette (#D9E2DB, #76A9CA, #00559C, #002A31, #00000C)
• Airy Quarry color palette (#F7F2FF, #FF71D6, #B39F00, #0095B4, #37102C)
• Quiet Sapphire Study color palette (#EDF9EF, #A0D2F9, #0A75ED, #004F5F, #05052E)
• Wisteria Study color palette (#F8F2FF, #E9DBD8, #ABB1A6, #C089CD, #463651)

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