Sky Boulevard color palette — #FFF2ED · #D1DFF8 · #02BFF7 · #178D4C · #0D3367

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Powder Blue (#D1DFF8): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#02BFF7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#178D4C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#0D3367): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Linen Periwinkle Studio color palette (#FDF3EC, #C1E6F7, #77B0FF, #008979, #322C60)
• Softworn Azure Bloom color palette (#FFF2EC, #D4DEF8, #00A6E9, #00764D, #061A60)
• Frosted Aqua color palette (#EFF8F1, #BDEDFE, #00CBF0, #00A88F, #004661)
• Pale Cerulean Orchard color palette (#FAF2F9, #8DDEE4, #008BB8, #006B39, #233F6B)
• Weathered Study color palette (#FBF3EF, #C3E0EA, #B9C0F1, #60A18C, #5D4456)
• Petrol Terrace color palette (#FCE9E4, #83C4C6, #007193, #00411B, #00020A)
• Coral Hollow color palette (#FFF2EF, #FF8577, #00B0D2, #0095B3, #3D100C)
• Washed Denim color palette (#E8DCD3, #66ACCE, #20529D, #002C27, #010009)

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