Sky Coast color palette — #F6ECE8 · #BADEBF · #02B3ED · #2C945A · #132D55

A conversation between Cyan and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6ECE8): bright and airy, almost weightless.
• Celadon Mist (#BADEBF): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#02B3ED): A luminous, balanced blue — the color of deep harbor water.
• Fern (#2C945A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#132D55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Worn Sky color palette (#FEF2EC, #C7EAD4, #6EB9F6, #3AA080, #4B3044)
• Soft Station color palette (#F5EDE6, #9BDDFF, #6AA4FF, #009284, #2C274F)
• Softworn Mint color palette (#D5EBDA, #00CAA5, #009BA2, #00729B, #00345B)
• Aged Cabin color palette (#E7F2E9, #8AD2DA, #0095B5, #006D5F, #003249)
• Ember Cabin color palette (#D1EDD7, #00B3C2, #EA6A00, #A37200, #002528)
• Ancient Studio color palette (#DBFADE, #BCE1FF, #D5BDFF, #5AAB7F, #003446)
• Misty Coral color palette (#CEE5D2, #00C6D4, #FF6B4A, #00939F, #4B1307)
• Indigo Orchard color palette (#EAE1D7, #88B5E0, #696BFF, #006C72, #1D0530)

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