Soft Navy color palette — #CAEDF3 · #1DA5CF · #0069A9 · #193681 · #1D1D4C
Built around Navy, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#CAEDF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#1DA5CF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#0069A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#193681): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#1D1D4C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Cobalt Terrace color palette (#EAF8FF, #8BD2FF, #2F90D5, #2460A0, #142D5A)
- Gentle Cobalt color palette (#DFF4FF, #5BA9DA, #0076C1, #004A92, #3A2F65)
- Softworn Alley color palette (#CEE2F2, #6893E0, #4B5AB1, #442676, #32153D)
- Linen Lagoon color palette (#C4EADF, #00A4A5, #007585, #00455D, #002144)
- Quiet Ultramarine Veranda color palette (#ECF2FF, #89A3E4, #4361B0, #082E70, #000431)
- Denim Orchard color palette (#DCEBFD, #5993DD, #B56D0E, #004E9C, #2C1600)
- Petrol Lantern color palette (#E9F3FF, #E4D0ED, #CF99C0, #00798D, #1E283F)
- Tempered Corridor color palette (#D6E7FF, #B1B5ED, #977FBA, #74517C, #3A2F48)
Browse the whole catalog at Explore, or see today's palette.