Navy Coast color palette — #E3FDEC · #937C00 · #00695C · #11309A · #590639

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

The five colors

• Honeydew (#E3FDEC): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#937C00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00695C): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#11309A): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Mulberry (#590639): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Navy Coast 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

• Pale Aubergine color palette (#E0FDF1, #7D8500, #00666F, #4E1B8A, #5F0702)
• Pale Lantern color palette (#FFF1F6, #B36900, #006C37, #004469, #4E124B)
• Navy Boulevard color palette (#D3E7DD, #706C00, #005151, #281574, #410016)
• Navy Harbor color palette (#C5F2F2, #008358, #004997, #5F003C, #302100)
• Worn Aubergine Hollow color palette (#E3F8EE, #898800, #605F00, #33009E, #1D1800)
• Airy Basin color palette (#E6FAF7, #5F9A52, #166B91, #623462, #542C00)
• Hushed Fern color palette (#DAF5ED, #426400, #003D4E, #330043, #210A00)
• Antique Boulevard color palette (#F7E5A7, #A3BE7D, #59896E, #525784, #583766)

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