Weathered Courtyard color palette — #E3F7F2 · #417F00 · #0051A7 · #5E010A · #000B08

Built around Cobalt, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#E3F7F2): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#417F00): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#0051A7): A full-bodied, balanced blue — the color of deep harbor water.
• Oxblood (#5E010A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#000B08): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Wandering Olive Lantern color palette (#E2F7F1, #567800, #005B71, #5E0C35, #00100B)
• Wandering Ultramarine color palette (#E6F6F5, #2D8C5B, #2E57B9, #6E2F00, #001B1A)
• Gentle Pine Market color palette (#E3FBF6, #137B15, #403F8D, #571937, #102410)
• Feathered Denim Summit color palette (#E1F3E6, #977800, #0054A1, #512700, #1F1000)
• Hushed Hollow color palette (#E1F6FE, #00838A, #004C84, #6F0302, #000A0E)
• Muted Moss color palette (#F4E2F9, #669B4A, #006776, #66152F, #001D1E)
• Tempered Courtyard color palette (#CAEEF7, #007974, #2D00C2, #3E2000, #000605)
• Washed Garnet Loft color palette (#D4E9F1, #007179, #74003B, #1A2F00, #000508)

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