Navy Coast color palette — #F4E9DE · #6B4100 · #003E68 · #2D1900 · #000104

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

The five colors

• Cream (#F4E9DE): bright and airy, almost weightless.
• Bronze (#6B4100): A full-bodied, balanced gold — the color of old brass.
• Navy (#003E68): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2D1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Moonless Boulevard color palette (#E8E3CB, #7C4C00, #293336, #131600, #010100)
• Garnet Drift color palette (#F2E0D9, #92030D, #004256, #410102, #000102)
• Velvet Aubergine Field color palette (#F6E5C4, #5D4A00, #400D95, #261D00, #010008)
• Muted Denim color palette (#F9D7E2, #965C00, #005795, #3F2400, #000104)
• Denim Alley color palette (#FDE5F4, #0060A8, #813B00, #0F0B04, #030100)
• Cellar Nightshade Delta color palette (#F3DDCC, #5B2E00, #210092, #2D004C, #030100)
• Worn Aubergine Boulevard color palette (#EAE8D6, #4E6500, #78007F, #232F00, #070008)
• Aubergine Pier color palette (#EDE6D0, #716F00, #623CA7, #3A3900, #0B0020)

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