Soft Navy color palette — #C9F8F7 · #2CACCD · #0077A5 · #004599 · #2C3569
A conversation between Indigo and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#C9F8F7): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#2CACCD): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#004599): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2C3569): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Timeworn Cerulean color palette (#C4E7F4, #009CCC, #0071A2, #004871, #032243)
- Pale Nightshade Dune color palette (#C9E5EE, #4D9CCE, #2C6CCB, #2E37A1, #3E3061)
- Feathered Alley color palette (#CEE4ED, #31BFFD, #0087C5, #0065A8, #223C5C)
- Denim Garden color palette (#E9F2FF, #86A5E0, #2560AA, #00316D, #001D49)
- Frosted Bronze Pier color palette (#E2F0FF, #4F93CD, #AE6400, #005A93, #502B00)
- Washed Nightshade Corridor color palette (#CEEFF5, #007FA1, #00558B, #16009B, #250E56)
- Aged Jade color palette (#E1ECE2, #3CA986, #00766D, #00515C, #1B3254)
- Weathered Harbor color palette (#EEF6FF, #D3D7FF, #C9A0CC, #00768C, #34415A)
Browse the whole catalog at Explore, or see today's palette.