Weathered Courtyard color palette — #F3EFDF · #BBBF5D · #7EB34B · #368E50 · #004330
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3EFDF): A whisper-light, dusty green — the color of new leaves after rain.
- Gold (#BBBF5D): A luminous, balanced green — the color of new leaves after rain.
- Clover (#7EB34B): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#368E50): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004330): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Chalky Jade Basin color palette (#E7F0DB, #84CA80, #15B27E, #008F7D, #004346)
- Hushed Moss Drift color palette (#F3DBC8, #E3AE48, #AF9C06, #728005, #223F14)
- Hazy Station color palette (#DFFFE3, #9DDFA4, #64B775, #248347, #002E0C)
- Wandering Emerald Atelier color palette (#EBE9D0, #7AA300, #279209, #006F45, #00271F)
- Hazy Basin color palette (#D3F8F1, #A5E890, #D195F0, #4C9134, #432950)
- Gentle Lime Garden color palette (#EFE4D3, #D1ABFF, #A6C800, #385B51, #141F1B)
- Muted Glacier color palette (#DAFEF8, #A2EFF9, #A5C9F5, #B6AD77, #234646)
- Amber Grove color palette (#FEDEEA, #D4BF92, #C7915E, #A06A5A, #113929)
Browse the whole catalog at Explore, or see today's palette.