Soft Navy color palette — #CAE7D0 · #B28D13 · #53761F · #0B4393 · #292500

A conversation between Indigo and Mustard, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#CAE7D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#B28D13): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#53761F): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#0B4393): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#292500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Patina Moss color palette (#C5E9CC, #869E30, #007D52, #4A3784, #122B03)
• Patina Marigold Cabin color palette (#FFF4E2, #C69C00, #517900, #043A86, #151300)
• Dusty Orchard color palette (#C8E8CE, #D27829, #7B6800, #004F68, #341F00)
• Soft Taupe Harbor color palette (#DAF8E0, #B3A340, #4E8841, #415189, #08392B)
• Frosted Bloom color palette (#D1E8D9, #9D8500, #007367, #233594, #3F0021)
• Airy Thicket color palette (#F0D5E3, #AE601A, #325900, #470572, #302100)
• Quiet Lantern color palette (#F4D8C3, #EB923C, #46A000, #7252A3, #2E2200)
• Hushed Parlor color palette (#D2EEE1, #767700, #233A16, #021B12, #010602)

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