Sky Garden color palette — #FBF4E9 · #CAE9D2 · #56C0E7 · #20A094 · #0B3F5C
A conversation between Cyan and Fern, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Celadon Mist (#CAE9D2): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#56C0E7): A luminous, balanced blue — the color of open sky before noon.
- Fern (#20A094): A luminous, balanced teal — the color of sea glass.
- Navy (#0B3F5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Cerulean Loft color palette (#F5EDE1, #A9DAFB, #75A8E4, #008EA3, #1C2A57)
- Hushed Corridor color palette (#FAF4EB, #BEECED, #8EC3F4, #4FA7B3, #583D56)
- Dusty Lagoon color palette (#FDF3EE, #B7E0C2, #5D9DC6, #1E7E58, #283961)
- Cobalt Harbor color palette (#EAE1D3, #6BACBC, #007FAA, #005D5A, #000A17)
- Cerulean Orchard color palette (#EBF5ED, #A6CFE0, #0089AD, #005C54, #00233A)
- Taupe Quarry color palette (#F0FAE0, #BBE7D5, #A5D6FF, #8AB17F, #324527)
- Soft Teal color palette (#D9FFF1, #84E3BF, #44BF9C, #008964, #00261C)
- Emerald Grove color palette (#EBF2D9, #7ED59C, #E093C9, #13AC61, #4D2542)
Browse the whole catalog at Explore, or see today's palette.