Navy Coast color palette — #F4DFEB · #4A9BB8 · #00498B · #003128 · #10083A

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

The five colors

• Rose Water (#F4DFEB): A whisper-light, dusty pink — the color of a candy shop window.
• Cerulean (#4A9BB8): A luminous, balanced blue — the color of open sky before noon.
• Navy (#00498B): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#003128): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#10083A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Softworn Drift color palette (#F6E9F7, #00A4A2, #005266, #003309, #00142B)
• Weathered Ultramarine Quarry color palette (#F1E4E9, #6DA6CD, #314BB2, #003E3D, #23163D)
• Worn Drift color palette (#ECF0E2, #5094AF, #005070, #002B32, #00050C)
• Petrol Thicket color palette (#D5EFED, #66ACC9, #006F99, #004853, #001626)
• Muted Lagoon color palette (#D2EBE7, #008881, #00433D, #001613, #000504)
• Cobalt Harbor color palette (#F4E7DF, #78BBD6, #2188D7, #006D69, #06004A)
• Feathered Cornflower color palette (#CFEEDB, #00B0C2, #5078D3, #454900, #00211C)
• Cobalt Lagoon color palette (#FDF2F7, #9CCDE4, #5079B2, #006155, #37355A)

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