Navy Garden color palette — #D2DFF5 · #AB862E · #1B2D75 · #081138 · #080514

Built around Navy, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Powder Blue (#D2DFF5): A whisper-light, dusty violet — the color of a velvet chair.
• Mustard (#AB862E): A luminous, balanced gold — the color of old brass.
• Navy (#1B2D75): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#081138): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#080514): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Timeworn Harbor color palette (#C8E3F1, #AD8625, #003D4B, #001A21, #020510)
• Worn Navy Harbor color palette (#E8EEFD, #B9964A, #383A79, #15203D, #120E1A)
• Linen Lagoon color palette (#EBEFFF, #9A7300, #2C006A, #21091C, #0B0026)
• Antique Aubergine color palette (#E5E1FB, #B88A00, #60006B, #2F0035, #110923)
• Chalky Courtyard color palette (#EBD7E7, #DBB257, #5070D8, #31447F, #150413)
• Hushed Marigold Basin color palette (#FAF1FF, #CA990F, #76264A, #450D28, #23122B)
• Nightshade Market color palette (#E5EBFC, #7D7ECD, #881163, #3A259A, #12071C)
• Soft Bloom color palette (#D3DEF6, #484FC9, #774500, #2F3E00, #121639)

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