Weathered Courtyard color palette — #F8F5EC · #98BA97 · #0D8673 · #6D5701 · #424700
Fern and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5EC): bright and airy, almost weightless.
- Sage (#98BA97): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#0D8673): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#6D5701): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#424700): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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
- Antique Pine color palette (#FBF4EC, #BBAF89, #4B8348, #416348, #514100)
- Petrol Villa color palette (#F5F6EC, #7EBEAE, #008292, #774E46, #3C4636)
- Weathered Bronze color palette (#F7F6EB, #AAD0AC, #5B9F81, #7B742A, #414700)
- Weathered Lagoon color palette (#E3F7F1, #99BF9B, #408468, #3B5D54, #0D2D2B)
- Hushed Meadow color palette (#DDE9C1, #48C7B1, #009092, #005C76, #1F4C42)
- Jade Villa color palette (#EEEDCE, #00AB81, #00676D, #314D00, #003728)
- Aged Teal Study color palette (#EAF9F3, #B3DFDA, #80BAA7, #79988C, #2B4946)
- Feathered Bronze color palette (#E7FCE6, #009C9A, #B76100, #965721, #2B3E2A)
Browse the whole catalog at Explore, or see today's palette.