Soft Navy color palette — #D7F2F3 · #0091B3 · #005D89 · #002569 · #0B0034

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7F2F3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0091B3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005D89): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002569): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#0B0034): A deep, shadowed, balanced violet — the color of wild irises.

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

• Chalky Azure color palette (#DAF1FA, #009BD5, #00588C, #001F43, #00000A)
• Lagoon Cabin color palette (#CFF5E7, #009491, #00606D, #003346, #000C1B)
• Pale Aubergine color palette (#BFE7F5, #008BD2, #004EB6, #2B008B, #13002B)
• Onyx Delta color palette (#C7E8DA, #008189, #004268, #110051, #130020)
• Nightshade Dune color palette (#D2F3EC, #00A2BC, #0071AF, #002DBB, #0E0029)
• Misty Navy color palette (#F0E4CB, #007F97, #004698, #580105, #000D16)
• Ancient Nightshade color palette (#C8E8FB, #2570D5, #2E18C6, #260054, #06000B)
• Ultramarine Archive color palette (#D2E7EC, #05B4EF, #0078E0, #3320DF, #2C0067)

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