Sky Coast color palette — #FEF1FB · #CFD9EE · #1DBDFD · #0B8D55 · #1B335F

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

The five colors

• Ivory (#FEF1FB): a clean, paper-quiet neutral.
• Powder Blue (#CFD9EE): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#1DBDFD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#0B8D55): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1B335F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Tempered Study color palette (#F8F3F9, #D1D5E6, #64CBE7, #61905E, #2B4157)
• Timeworn Periwinkle Grove color palette (#FFF1F7, #D7D4E0, #83ADFF, #008980, #362B5B)
• Chalky Azure Parlor color palette (#FFF0FA, #D2DAF6, #00A4EF, #007652, #101D57)
• Weathered Moss color palette (#EFF6FF, #74B1FF, #8AAE00, #759400, #082140)
• Turquoise Study color palette (#F0F6FF, #E5D9E2, #ABB9A9, #00A6BF, #323C5B)
• Sunlit Pier color palette (#FFF2EC, #92DCE7, #008BB7, #006952, #10416F)
• Petrol Workshop color palette (#F4EBF3, #70C7CD, #007197, #004121, #00020C)
• Tempered Ultramarine color palette (#F4E9ED, #70AACB, #1C4CAF, #002C28, #010008)

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