Soft Navy Lagoon color palette — #FFF0F8 · #67C6E4 · #0074B3 · #00564F · #102A74
Navy and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sky (#67C6E4): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0074B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#102A74): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft Navy Lagoon 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
- Petrol Workshop color palette (#FFF0FA, #7CC7C6, #007B91, #005936, #003753)
- Hushed Petrol color palette (#F0F4E0, #74C8E6, #007CA6, #00505A, #001C2E)
- Cerulean Lantern color palette (#E9F9F7, #96D5ED, #0099CD, #00707E, #003754)
- Aged Lilac color palette (#EAF8FF, #AFCAFF, #BB8EE0, #007271, #103C68)
- Denim Basin color palette (#F4E3EC, #7DA4BF, #175997, #003E3D, #131848)
- Weathered Azure color palette (#D9F0FF, #11A1F6, #00619E, #003554, #001F32)
- Tempered Cypress color palette (#FCF2F6, #C9DFF2, #718BB6, #166F75, #434367)
- Frosted Sky Delta color palette (#FEF3EB, #9EE6FF, #49B3FF, #00998D, #182E68)
Browse the whole catalog at Explore, or see today's palette.