Navy Garden color palette — #F4E9F3 · #C4B3BF · #A28495 · #204084 · #2A1828

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

The five colors

• Blush (#F4E9F3): bright and airy, almost weightless.
• Ash (#C4B3BF): A luminous, dusty pink — the color of a candy shop window.
• Heather (#A28495): A luminous, dusty pink — the color of peonies in June.
• Navy (#204084): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#2A1828): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Tempered Thicket color palette (#F4ECF0, #B6A3AC, #937680, #341D84, #1E0D18)
• Antique Field color palette (#D9E5E0, #A8BFB7, #99879A, #004B66, #10241C)
• Patina Denim Harbor color palette (#DFE5ED, #BFC4D3, #A3A2BA, #1E5FAE, #16202C)
• Antique Nightshade color palette (#FFF1F7, #E5CAD3, #C39AA3, #6344A0, #442936)
• Softworn Lagoon color palette (#FDF2F2, #E2D7CE, #C2AEA9, #874F6A, #453635)
• Dusty Study color palette (#EFEBFF, #9A79AD, #774674, #572C21, #3E1D04)
• Hushed Driftwood color palette (#FBF2F5, #E0D7D5, #AEADA1, #9A7683, #595053)
• Airy Terrace color palette (#F7DDEC, #6D9EFF, #6E5DFB, #7130AC, #150735)

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