Navy Garden color palette — #F9D8E3 · #007473 · #003C71 · #2F1800 · #000709

Navy takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F9D8E3): A whisper-light, dusty rose — the color of a warm blush.
• Teal (#007473): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003C71): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#2F1800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000709): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Navy Garden 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

• Dusty Nightshade color palette (#DBE8DF, #00727F, #11249D, #271D00, #00060C)
• Pine Bloom color palette (#FFDFF4, #007935, #00444C, #3F0014, #000704)
• Wandering Parlor color palette (#DCEFDF, #007289, #004164, #38014F, #001924)
• Deep Aubergine color palette (#CEEBF2, #006664, #590062, #221900, #050300)
• Tempered Drift color palette (#E1F1ED, #3E85A2, #47408E, #3E2B00, #161800)
• Wandering Orchard color palette (#F7E8F3, #53ACB3, #00627C, #003B2A, #000C1A)
• Aubergine Workshop color palette (#D0E5DC, #006BA2, #4E008C, #1E2100, #000120)
• Onyx Study color palette (#D2F9EE, #004A78, #310055, #060E00, #00000C)

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