Navy Coast color palette — #F1DCF1 · #004DA4 · #543800 · #001E49 · #0B0500

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

The five colors

• Thistle (#F1DCF1): A whisper-light, dusty pink — the color of neon signs at night.
• Indigo (#004DA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#543800): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#001E49): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0B0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark.

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

• Denim Pier color palette (#D1EFE4, #005781, #5F3000, #002338, #0D0400)
• Timeworn Field color palette (#FAE9F3, #473BA9, #3B4300, #1D0062, #050700)
• Sapphire Coast color palette (#F9DEF9, #0063D1, #735100, #003575, #0A0500)
• Nightshade Canyon color palette (#F4D9EC, #2723A2, #482D00, #232000, #01000F)
• Plum Cabin color palette (#F3DFF2, #9684C4, #A14B67, #003E45, #090325)
• Timeworn Pier color palette (#DFECFF, #406EFF, #9F6000, #2142C1, #0C0400)
• Feathered Grape color palette (#FFDDE5, #84379A, #005C23, #470059, #001504)
• Washed Atelier color palette (#E2F6E6, #3B8900, #005EC7, #170B1A, #050005)

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