Soft Coast color palette — #FCF1FA · #CED9F0 · #31BDF6 · #238B54 · #1D345A

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

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Powder Blue (#CED9F0): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#31BDF6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#238B54): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1D345A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Soft 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

• Azure Corridor color palette (#FFF0FB, #D1DBF4, #00A6E6, #00764A, #051D5B)
• Hushed Periwinkle color palette (#FFF1F5, #D8D3DE, #91A9FF, #008788, #3A2C53)
• Aqua Pier color palette (#F5F6EC, #ADF3FA, #00CCE9, #00A6A0, #004859)
• Wandering Atelier color palette (#FFF2EC, #9FDAE0, #008CB2, #00694E, #114369)
• Timeworn Powder color palette (#FBF2F7, #D6D4E1, #BBC3F6, #6A9CA0, #454D5F)
• Washed Aqua color palette (#F8E8F7, #44CDD0, #007291, #004119, #00020A)
• Pale Ultramarine color palette (#F0DCE5, #41AFDC, #004FAD, #002C26, #010009)
• Faded Grove color palette (#FFF0FC, #FFB0A3, #00C5D3, #DA3D2E, #00363A)

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