Navy Coast color palette — #FFF3E8 · #915300 · #005457 · #292E74 · #311712

Navy takes the lead with Ochre close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Ochre (#915300): A full-bodied, balanced gold — the color of old brass.
• Peacock (#005457): A full-bodied, dusty teal — the color of sea glass.
• Navy (#292E74): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#311712): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant, 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

• Brick Villa color palette (#FFF2EC, #AD4038, #00593E, #00355E, #33181C)
• Bronze Market color palette (#FCF4E9, #916A03, #00627D, #493777, #3C261D)
• Muted Bronze Meadow color palette (#FAF1E0, #927200, #00634E, #003A72, #45163C)
• Hushed Grove color palette (#FEF5D7, #616100, #00486E, #4E005C, #310C00)
• Navy Study color palette (#F7F1E4, #857200, #2D5600, #23147C, #110800)
• Pale Lantern color palette (#FEECCF, #AC7D00, #516318, #0E4172, #393003)
• Moonless Onyx Corridor color palette (#FEEDD6, #694400, #003842, #20004E, #160004)
• Dusty Terrace color palette (#F9F4EE, #D8DAD0, #B7B4A3, #7F5C28, #403930)

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