Soft Navy color palette — #E8FBE9 · #C18400 · #007559 · #002695 · #1F000E

Indigo and Mustard set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#E8FBE9): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#C18400): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007559): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#002695): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#1F000E): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Washed Corridor color palette (#EAFAEE, #C7A040, #008A77, #2E3C9C, #390017)
• Pine Workshop color palette (#FFF1F7, #CA7C3B, #177818, #003F53, #170023)
• Navy Thicket color palette (#DEFBE9, #8D7A00, #005A55, #1F006E, #060001)
• Misty Aubergine color palette (#DAFEF5, #6FAF00, #00788D, #530094, #2B0002)
• Weathered Balcony color palette (#EEDFCC, #8C5E00, #005435, #00304F, #360636)
• Bronze Thicket color palette (#F4E1D3, #A84D00, #004F63, #25165E, #0B002C)
• Nocturne Olive Workshop color palette (#DAF4EB, #5F7000, #00444C, #1C003F, #040000)
• Patina Bronze color palette (#D3EDDA, #917200, #343F42, #242800, #000502)

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