Soft Navy color palette — #FFF1F6 · #C37400 · #00859A · #32439A · #160008

Indigo and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C37400): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#00859A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#32439A): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#160008): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

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

• Wandering Amber Coast color palette (#E1FEE5, #B08100, #0082A9, #513C8B, #0C0600)
• Airy Ember color palette (#FFF0FB, #E25438, #00897D, #004F89, #160100)
• Hazy Aubergine color palette (#E7FCE6, #A77200, #00647C, #3F2086, #0D0001)
• Amber Field color palette (#EBFAEB, #D08F10, #1998BB, #5F5495, #061A08)
• Aubergine Station color palette (#E2FCF1, #9BA224, #2F65B8, #702780, #000A06)
• Tempered Grove color palette (#F5D4DF, #D68924, #00A5A5, #7658D7, #291500)
• Soft Olive Pier color palette (#DEFFE5, #B8A300, #2D7F15, #263683, #121400)
• Misty Navy color palette (#F1D9C2, #8C5200, #005D72, #252B7B, #281601)

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