Navy Coast color palette — #DEF8F5 · #2E7B3B · #274A9D · #61151E · #000B09

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

The five colors

• Ivory (#DEF8F5): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#2E7B3B): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#274A9D): A full-bodied, balanced violet — the color of wild irises.
• Oxblood (#61151E): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#000B09): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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 Garnet Drift color palette (#DDF3ED, #63893C, #065699, #650022, #191300)
• Dusty Garnet Ridge color palette (#E0F6FD, #00787E, #404087, #5B103E, #000E07)
• Aubergine Pier color palette (#E4F7F0, #607600, #005465, #4F1964, #000C02)
• Emerald Market color palette (#FEDEF3, #24A170, #00667C, #5E2031, #001C21)
• Aubergine Harbor color palette (#DEF1FF, #006F96, #5B00A2, #501400, #000A06)
• Wandering Moss Lantern color palette (#F7F7E3, #6A9D2B, #007D8A, #6C2F00, #120B00)
• Weathered Sapphire Veranda color palette (#EFF9E7, #00A37F, #2F62C2, #8E1F3C, #211F01)
• Gentle Aubergine color palette (#EBFAEC, #876200, #672874, #680033, #321728)

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