Weathered Courtyard color palette — #FFF1F6 · #C3B16F · #57976A · #745488 · #204539
Built around Fern, softened by Graphite — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Camel (#C3B16F): A luminous, balanced green — the color of new leaves after rain.
- Fern (#57976A): A luminous, balanced teal — the color of sea glass.
- Graphite (#745488): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#204539): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Dusty Honey Chapel color palette (#FFF3E7, #E4CB6E, #5BA472, #745488, #33322B)
- Softworn Stone Pier color palette (#FFF0F7, #ACC990, #5CA09A, #895F7C, #324E4C)
- Apricot Thicket color palette (#E8FBEB, #EB9A79, #928844, #505F9A, #4F343E)
- Antique Terrace color palette (#EDF9EF, #C89E3D, #1E909C, #7B477C, #56253A)
- Driftwood Boulevard color palette (#F0F8EF, #A3D1B8, #85976D, #627961, #2C4A3B)
- Clover Courtyard color palette (#FFF2ED, #50C276, #008D9E, #953155, #004032)
- Hushed Moss color palette (#D3EBE4, #7E9B4B, #345454, #21322D, #131A16)
- Washed Lagoon color palette (#FBF2F8, #D1DFF7, #7EABCB, #258C7F, #364963)
Browse the whole catalog at Explore, or see today's palette.