Navy Coast color palette — #E8E3E9 · #BCAEB8 · #9D8691 · #0A447A · #100711

A conversation between Navy and Heather, giving this palette its sense of trust and stability.

The five colors

• Frost (#E8E3E9): bright and airy, almost weightless.
• Ash (#BCAEB8): A luminous, dusty pink — the color of neon signs at night.
• Heather (#9D8691): A luminous, dusty rose — the color of pressed rose petals.
• Navy (#0A447A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#100711): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Navy color palette (#E4ECF4, #B4B9C5, #8F8AA5, #004876, #12212E)
• Hushed Navy Ridge color palette (#EBE3E8, #B098A3, #8F737A, #252B75, #0C0009)
• Abyss Cabin color palette (#DCE4DE, #A9B7AF, #72968B, #004D54, #020E05)
• Washed Lantern color palette (#F0E6E7, #D8C7C6, #B79D97, #733E70, #201113)
• Antique Denim color palette (#ECF9F5, #EFD7D9, #CCB3B8, #0064A1, #00110C)
• Driftwood Alley color palette (#F7EFF3, #DDD4D2, #B3ACA3, #9E7588, #3C3337)
• Pewter Orchard color palette (#DDE2F2, #786DA2, #684660, #372800, #131900)
• Tempered Fern Garden color palette (#EEE1C7, #787E40, #2D4E00, #002E42, #070900)

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