Soft Navy color palette — #E8DDCD · #3A86C3 · #093683 · #00212A · #050326

Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Bone (#E8DDCD): A whisper-light, dusty gold — the color of old brass.
• Cerulean (#3A86C3): A luminous, balanced blue — the color of open sky before noon.
• Navy (#093683): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#00212A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#050326): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Timeworn Lagoon color palette (#EBE4D8, #188EA9, #00425C, #002222, #000A18)
• Denim Harbor color palette (#F6E2E8, #6F97BB, #3750A5, #003A42, #0B0027)
• Sapphire Market color palette (#D5E7E7, #81A5C5, #0772D9, #005879, #000429)
• Turquoise Veranda color palette (#D2F6F6, #00A7CE, #4070AE, #00382E, #000F04)
• Weathered Cypress color palette (#C7F1F4, #006D73, #4F4D44, #003236, #000D10)
• Dusty Petrol Drift color palette (#F7EDDE, #77BFC9, #007390, #005048, #00324B)
• Lowlit Pier color palette (#BDEAE6, #005E5A, #77002A, #002725, #130003)
• Dusty Quarry color palette (#FDF4E7, #85E0E1, #008FA3, #006953, #00475D)

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