Soft Navy color palette — #CCEBE6 · #00A7B8 · #00769D · #004790 · #393461
A conversation between Indigo and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#CCEBE6): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00A7B8): A luminous, balanced blue — the color of deep harbor water.
- Slate (#00769D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#004790): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#393461): A deep, shadowed, dusty 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
- Teal Atelier color palette (#D3EED9, #00B89B, #007D87, #00546C, #17395D)
- Softworn Azure Coast color palette (#D1E4E4, #44D1F0, #19AAE8, #357CC3, #303A64)
- Softworn Navy Meadow color palette (#CAE6E6, #008CAA, #004F7E, #140087, #1F0B47)
- Softworn Sapphire Corridor color palette (#CDF3D3, #4DBAE7, #3171D5, #4B5198, #5F3A47)
- Timeworn Azure Grove color palette (#DBF6EC, #2EA7EB, #995800, #005D89, #502B00)
- Hazy Ultramarine color palette (#FEF0FF, #73A7EA, #0F5AC0, #003A67, #002446)
- Timeworn Terrace color palette (#D2E8F5, #609CE8, #6C53D9, #5C3488, #4E2B4C)
- Hushed Mallow color palette (#E4FCF0, #D9DEFF, #DE9DC6, #007774, #4C3748)
Browse the whole catalog at Explore, or see today's palette.