Patina Garden color palette — #EFF6FF · #F4FBC2 · #7386AB · #3B4758 · #151C25

Custard and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Custard (#F4FBC2): A whisper-light, dusty green — the color of new leaves after rain.
• Slate Blue (#7386AB): A luminous, dusty violet — the color of wild irises.
• Charcoal (#3B4758): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#151C25): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Wandering Pewter color palette (#F5F4FF, #BCF7C6, #8C659A, #38344F, #0F0E17)
• Ash Cabin color palette (#FCF2F8, #FFD0D3, #9799C9, #7F6374, #34272F)
• Softworn Summit color palette (#EEF2FB, #D3B9D5, #595C8B, #2B2D50, #0F1320)
• Aged Taupe color palette (#E1FBFC, #DBD7FF, #C7919C, #4C7C81, #3F3D4D)
• Powder Meadow color palette (#F1F5FF, #B3BEFF, #ACB480, #808759, #2B3240)
• Aged Apricot color palette (#F1F6FD, #DAD9E3, #DBA071, #819AC7, #271A20)
• Faded Celadon Boulevard color palette (#F0F5FF, #90F39B, #5761B6, #242955, #020619)
• Mint Garden color palette (#F1F5FF, #35D9A3, #46478F, #13103C, #000008)

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