Sky Garden color palette — #FDF3EE · #C5ECCC · #64BDEA · #5F9B76 · #263A5C

Built around Sky, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Celadon Mist (#C5ECCC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#64BDEA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#5F9B76): A luminous, balanced teal — the color of glacier melt.
• Navy (#263A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Softworn Powder color palette (#FCF3EC, #BCE7FF, #8AB2F6, #469C92, #4D3040)
• Hazy Emerald Coast color palette (#FFF2EF, #52F5EE, #00BDE4, #2E9D31, #00355C)
• Dusty Turquoise color palette (#F5F6E9, #B7E5EF, #46B7CE, #007F7C, #003442)
• Muted Powder color palette (#FCF3EF, #BDE7F0, #9ACFE9, #85AD91, #5E4C5D)
• Feathered Azure color palette (#F0E4DE, #60D1ED, #4199DC, #008062, #131849)
• Cerulean Hollow color palette (#F7EFF5, #A9CEDD, #3286A8, #005D48, #002140)
• Frosted Basin color palette (#FAECE6, #5DAEBE, #007CB8, #006043, #020229)
• Patina Terrace color palette (#F4FAD2, #A3FFF0, #BBD8FF, #B1A168, #34422A)

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