Sky Garden color palette — #FCF3ED · #B0EBFF · #78B7F6 · #459E87 · #33375A

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Powder Blue (#B0EBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#78B7F6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#459E87): A luminous, balanced teal — the color of sea glass.
• Navy (#33375A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, 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

• Timeworn Canyon color palette (#FFF2ED, #77EEFE, #23B8FB, #009D65, #182F64)
• Wandering Powder color palette (#FCF4EB, #BDEEF4, #A7BAFC, #50A8A9, #5B3E4A)
• Sky Hollow color palette (#FDF2F0, #A9F0EB, #43C3E5, #659C63, #1A433A)
• Azure Garden color palette (#EEF8F0, #A5DEF4, #5C9DC7, #007B7F, #213C5B)
• Iris Market color palette (#F0E5DD, #79CBF6, #5A90EE, #007E74, #201544)
• Soft Boulevard color palette (#F8EADF, #62ABCA, #2173D2, #005F52, #090127)
• Hushed Cobalt color palette (#F9EEF5, #B0CCDD, #3F81B6, #005C56, #0F1D46)
• Seafoam Boulevard color palette (#D8FFF4, #00EBCF, #00BFB1, #008875, #002B28)

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