Patina Courtyard color palette — #E1EFEA · #A6B7B7 · #6F94A0 · #3C4A00 · #010E0A

A conversation between Deep Olive and Storm Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#E1EFEA): bright and airy, almost weightless.
• Ash (#A6B7B7): soft and architectural.
• Storm Blue (#6F94A0): A luminous, dusty blue — the color of open sky before noon.
• Deep Olive (#3C4A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#010E0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina Courtyard 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 Garden color palette (#E1F0EE, #8CA5A9, #588298, #064307, #000605)
• Muted Cypress Basin color palette (#E3EBED, #BECEDA, #95A4C1, #006264, #09181D)
• Washed Fern color palette (#EDECE3, #C0C8B2, #94AC95, #5A6824, #222011)
• Olive Atelier color palette (#D9EADE, #61853D, #005139, #332800, #040A00)
• Patina Lagoon color palette (#EBF4F4, #D2D8DE, #B8B0C1, #5F8F79, #303838)
• Basalt Corridor color palette (#ECE3D2, #6C8C63, #006068, #511E14, #280300)
• Antique Olive Workshop color palette (#F2E1F2, #656B00, #004542, #3B002A, #000800)
• Washed Emerald color palette (#CCEBE5, #CA8600, #009C54, #006A8E, #000603)

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