Weathered Courtyard color palette — #E5FBF2 · #5BA2BD · #61629F · #515200 · #273F56

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

The five colors

• Ivory (#E5FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#5BA2BD): A luminous, balanced blue — the color of open sky before noon.
• Slate (#61629F): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#515200): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#273F56): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

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

• Aged Pewter color palette (#F0F5FF, #7487BB, #6D5591, #614100, #00404A)
• Forest Archive color palette (#E6FAF6, #8CAAD0, #856B95, #3D6537, #3D4760)
• Ancient Basin color palette (#EBFAEA, #63A794, #267295, #743E00, #1C434E)
• Pewter Market color palette (#FDF2F6, #9AB8A2, #717943, #455B7A, #314938)
• Antique Cypress Balcony color palette (#FAF3F6, #C7E0F4, #708BB7, #007077, #3C4665)
• Mulberry Bloom color palette (#D9FFF3, #7081E9, #97298C, #005335, #392C58)
• Worn Indigo Lantern color palette (#FFEDE9, #7B9CDB, #655FAD, #6B2F47, #301A2B)
• Iris Studio color palette (#FDF0FF, #86B1FD, #7C79D7, #884F66, #303D55)

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