Soft Navy color palette — #F9DAE5 · #9F5C00 · #006D7A · #363586 · #180900

A conversation between Indigo and Ochre, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F9DAE5): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#9F5C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Teal (#006D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#363586): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#180900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Aubergine Thicket color palette (#EFE4CE, #7A5B00, #005884, #3C177C, #070400)
• Antique Rust color palette (#FFE2F7, #CB2100, #007064, #004672, #210100)
• Ancient Aubergine color palette (#D9F3E5, #7E7800, #005F5D, #291586, #29000D)
• Softworn Navy color palette (#D7F5DD, #938000, #236A00, #1B2A84, #161800)
• Navy Harbor color palette (#FAD8E9, #803B00, #1A3599, #14037D, #1A0700)
• Soft Ultramarine color palette (#F5EEE1, #A88E10, #009190, #3748D0, #120D00)
• Chalky Ultramarine color palette (#C6E8D9, #717500, #1058C8, #661B6B, #00120A)
• Airy Terrace color palette (#FFE8E6, #B73D7D, #00688F, #2100A7, #040001)

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