Weathered Garden color palette — #F1F5FF · #E9B109 · #595CB9 · #33365F · #141A2A

A conversation between Saffron and Iris, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Saffron (#E9B109): A luminous, vivid gold — the color of old brass.
• Iris (#595CB9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#33365F): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#141A2A): 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 Weathered 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

• Muted Studio color palette (#ECF7FF, #EAB100, #00739A, #004058, #071D2A)
• Pewter Ridge color palette (#F5F3FF, #E0C07C, #8C5E92, #443D5B, #221F2C)
• Wandering Marigold color palette (#D7DDF5, #CF9C00, #564791, #292149, #070A19)
• Iris Ridge color palette (#FFF0FA, #D8D386, #7884E2, #4C549A, #2A0F24)
• Indigo Grove color palette (#FFF0F9, #FFC8CC, #605CB9, #291F69, #14010D)
• Feathered Alley color palette (#EADFF7, #D6A200, #982170, #4F103A, #14091E)
• Aubergine Drift color palette (#E0E0F2, #B88A00, #621984, #270B35, #03000F)
• Driftwood Workshop color palette (#F4F4FC, #E7D5E4, #CFB9C5, #9B75AE, #3F3D50)

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