Dusty Navy Garden color palette — #FFF2EE · #E9707B · #887800 · #00635B · #141F7D

Navy takes the lead with Watermelon close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Watermelon (#E9707B): A luminous, balanced red — the color of late-summer berries.
• Walnut (#887800): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#00635B): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#141F7D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Dusty 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

• Pale Blush color palette (#FFEFFF, #FF828D, #838400, #005C64, #2A0A50)
• Fuchsia Terrace color palette (#FFF1F3, #D171CF, #AA6400, #006642, #002D67)
• Faded Ember color palette (#F5DBD0, #D6584E, #596D00, #004B59, #300049)
• Dusty Tangerine color palette (#FFF2EA, #ED7429, #318E21, #005D81, #520353)
• Dusty Navy color palette (#F4E6D1, #B48300, #007C5F, #004491, #450031)
• Hushed Amber Meadow color palette (#FFF1F1, #EAB79B, #AC8D45, #2F8280, #055676)
• Weathered Chestnut color palette (#FAECDD, #8D5900, #005336, #00274B, #14000D)
• Soft Denim color palette (#FDF3EB, #D29663, #359562, #155EA7, #58223F)

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