Worn Courtyard color palette — #F8F6E2 · #8ACD9B · #009C86 · #627041 · #20432A
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#8ACD9B): A luminous, balanced teal — the color of glacier melt.
- Fern (#009C86): A luminous, balanced teal — the color of shallow lagoons.
- Olive (#627041): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#20432A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Worn 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
- Sunlit Meadow color palette (#DFFDF3, #ACEABB, #00A991, #617332, #11371E)
- Hushed Bloom color palette (#FFF4DE, #B0C486, #459B5A, #007879, #3C3B34)
- Mint Quarry color palette (#F2ECD2, #7DBE76, #008D6A, #006677, #143711)
- Moss Field color palette (#FFF3E5, #C4BE7B, #6B9536, #846231, #413C00)
- Softworn Bloom color palette (#DFFDF8, #7BB289, #007D54, #246019, #1C4428)
- Dusty Fern Field color palette (#F7F6EA, #CDD6B5, #8DA481, #688576, #475408)
- Weathered Veranda color palette (#F1E4D2, #979658, #436E1F, #005146, #1D1C00)
- Gentle Azure color palette (#FFF2EC, #ABE7F1, #00A9E1, #00856B, #0C4073)
Browse the whole catalog at Explore, or see today's palette.