Navy Garden color palette — #DDF5F7 · #269BC2 · #0068A4 · #003783 · #1D1746
Navy takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DDF5F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#269BC2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#0068A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003783): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#1D1746): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Azure Garden color palette (#EAF8FF, #78C6F7, #1298EB, #005EAE, #10315E)
- Weathered Teal color palette (#DCEDE5, #1CA8A4, #00757F, #004B67, #002143)
- Soft Grove color palette (#DCF2FF, #5C92CF, #4659BF, #48148C, #311444)
- Tempered Navy color palette (#D2E3E7, #00769F, #004187, #110072, #0D0027)
- Linen Navy color palette (#FFE3FD, #8FA4DE, #3061B1, #13258D, #010033)
- Tempered Bronze Thicket color palette (#D5F0E8, #5D96CB, #A66F00, #005894, #291800)
- Softworn Mallow color palette (#D6FBF1, #F4C8E0, #E1A2D9, #00819F, #30172D)
- Inked Nightshade color palette (#DBF1FF, #0056B9, #2A00AA, #230056, #06000D)
Browse the whole catalog at Explore, or see today's palette.