Navy Coast color palette — #F8EEE6 · #4280A2 · #003978 · #001F20 · #01000B

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EEE6): bright and airy, almost weightless.
• Cerulean (#4280A2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003978): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Patina Basin color palette (#F2E5DE, #338785, #00434F, #00210F, #000103)
• Nightshade Terrace color palette (#F2E3D5, #4D91C0, #0034BA, #002B2F, #04001A)
• Denim Pier color palette (#E3F4F3, #6CAAD0, #00598D, #002A35, #000104)
• Petrol Alley color palette (#F1E7E1, #7CC1C3, #007790, #004E32, #001829)
• Patina Cerulean Veranda color palette (#FAEFEB, #ACD3B5, #0087B2, #005D49, #2D1631)
• Moonless Aubergine Alley color palette (#F2F1DF, #3E5500, #3B009F, #182300, #010009)
• Patina Emerald color palette (#EFECD5, #39995A, #007779, #463200, #010100)
• Moonless Fern color palette (#E2F3D7, #386F00, #133100, #192529, #040A00)

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