Denim Garden color palette — #DDF3FF · #86BBDB · #6681BB · #58488E · #312F4B

Built around Indigo, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#DDF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#86BBDB): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#6681BB): A luminous, balanced violet — the color of wild irises.
• Indigo (#58488E): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#312F4B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Denim 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 Station color palette (#E4F3FF, #89B9ED, #6582D4, #545C92, #534962)
• Dusty Mulberry color palette (#EAF3FF, #B2B3E6, #9171AC, #82446F, #3E2A48)
• Tempered Denim Chapel color palette (#D2F9F9, #81C9C1, #2996A8, #10608E, #223652)
• Weathered Navy Field color palette (#EEF1FF, #C3CEF7, #7E7FBB, #4B3A7E, #15163B)
• Patina Lagoon color palette (#EDF2FD, #A5B2D9, #BB9557, #6966B6, #1C3920)
• Aubergine Canyon color palette (#E1E9F9, #888DD9, #7D4CAD, #730B6E, #420C25)
• Hushed Chestnut Villa color palette (#FBEDF3, #A9C3AF, #9B7686, #794945, #1E312A)
• Soft Amethyst Station color palette (#D2E2ED, #5095F1, #6F49E2, #5C0092, #410034)

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