Soft Navy color palette — #F5E3E9 · #4187B9 · #10318B · #002226 · #0A0028

Indigo takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F5E3E9): A whisper-light, dusty rose — the color of strawberry cream.
• Cerulean (#4187B9): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#10318B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0A0028): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Aged Cerulean color palette (#F2DFEB, #218EA5, #004160, #00231D, #00071F)
• Softworn Summit color palette (#F8E9DA, #6998BD, #3A4CAE, #003B3B, #0F0023)
• Worn Ridge color palette (#F6EFE4, #7DAC9E, #3772CD, #005A6E, #04002D)
• Aged Petrol Grove color palette (#F7EAF4, #73C0C8, #007394, #00523D, #012F54)
• Forest Drift color palette (#FFF0FA, #7DE2E1, #008EA8, #006A42, #164460)
• Muted Amber color palette (#FFE9EB, #DE7542, #8C6F00, #501A4A, #230200)
• Mulberry Pier color palette (#FCE9FF, #98003D, #004943, #430016, #000807)
• Softworn Cerulean color palette (#FEF1F6, #BDE1FF, #6E8BBB, #226E73, #3D4761)

Browse the whole catalog at Explore, or see today's palette.