Navy Coast color palette — #E4E9F6 · #8DAB70 · #3C3F79 · #161540 · #020510

Navy and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E4E9F6): bright and airy, almost weightless.
• Moss (#8DAB70): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#3C3F79): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#161540): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#020510): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Tempered Lagoon color palette (#EAE7F6, #72B08F, #613064, #2F0732, #060311)
• Patina Chapel color palette (#E1EAF4, #CA926A, #214776, #001B3E, #000512)
• Lapis Loft color palette (#FAE9F3, #9DC27A, #5455B6, #2E3157, #1D1219)
• Weathered Pewter color palette (#F3F0FB, #9ECECC, #775472, #342B46, #15121B)
• Inked Aubergine Boulevard color palette (#EBEFFF, #558847, #300C67, #0A0022, #01000A)
• Softworn Corridor color palette (#EBDCEE, #7C995B, #65172C, #2A000B, #040006)
• Tempered Orchard color palette (#FFF0F7, #EACC8E, #665893, #2D1756, #0B0105)
• Airy Nightshade color palette (#EEF2FB, #9498E0, #925300, #493DB5, #130007)

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