Soft Navy color palette — #F5F9D5 · #CEE4BF · #7EC9D7 · #4C9CCF · #423E83

Indigo and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F5F9D5): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#CEE4BF): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#7EC9D7): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#4C9CCF): A luminous, balanced blue — the color of open sky before noon.
• Indigo (#423E83): A full-bodied, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Softness. Tagged 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

• Quiet Iris color palette (#EAFDD7, #ADE7F1, #88C2EE, #7383D4, #633471)
• Seafoam Workshop color palette (#D6FFD5, #75D2BE, #4791A2, #31527A, #282251)
• Cobalt Villa color palette (#E0FBFF, #A1D6E6, #58ABC3, #0579AF, #1A4A82)
• Weathered Sapphire Station color palette (#B8FFDD, #3CE3DE, #27B4F9, #356EFF, #4B0084)
• Soft Lapis Courtyard color palette (#C5F1E4, #48C2CB, #0097E5, #563EE0, #390054)
• Patina Amber Cabin color palette (#FEF3E9, #CDD6AB, #78B9D1, #B77D46, #3E4D35)
• Airy Harbor color palette (#9EF4E0, #69D2F0, #57A6F7, #7C5EDE, #500054)
• Aqua Corridor color palette (#E7F6EC, #76C5D4, #857685, #4A594E, #1F231D)

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