Soft Navy color palette — #FFF0FC · #7ADCE8 · #0098D0 · #007748 · #062A77
A conversation between Navy and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Ice Blue (#7ADCE8): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0098D0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007748): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#062A77): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft Navy 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 Azure Harbor color palette (#FBF2FA, #B4DCE9, #47A1C7, #3D7B52, #223B5E)
- Gentle Cornflower Lantern color palette (#FFF1F6, #96D3FA, #5B86F0, #00736E, #382265)
- Sunlit Cobalt color palette (#E7DCE4, #77BECD, #0F7CB8, #005C41, #111A46)
- Sky Harbor color palette (#EEF8F0, #75EEFE, #00BDE8, #009989, #003752)
- Frosted Teal color palette (#D6F0DB, #00BEA4, #008590, #005B7C, #00325A)
- Quiet Sky color palette (#D2F4FF, #21C7F6, #0085A4, #004D68, #001F2D)
- Linen Mallow color palette (#E1FBFF, #C4E0FF, #D19FFB, #009C70, #003B55)
- Pale Summit color palette (#BDEAF2, #009EB1, #CC5800, #8A5F00, #002A30)
Browse the whole catalog at Explore, or see today's palette.