Worn Courtyard color palette — #F8F2E1 · #88AD70 · #357354 · #5F3947 · #1E1D04
Moss and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F2E1): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#88AD70): A luminous, balanced green — the color of fresh herbs.
- Pine (#357354): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#5F3947): A deep, shadowed, dusty rose — the color of strawberry cream.
- Onyx (#1E1D04): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, 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
- Ancient Cypress Canyon color palette (#F4F3E2, #74AF8D, #00756A, #2C4F41, #191F0B)
- Washed Villa color palette (#F4F3E4, #8EC1A0, #2D8578, #6C4A4F, #252A17)
- Tempered Lagoon color palette (#ECF9EE, #93A274, #357150, #623D54, #123E33)
- Emerald Lagoon color palette (#E6E2CB, #49A35F, #006453, #522B31, #111400)
- Moss Corridor color palette (#F8E1C2, #A29800, #3F6900, #3C3667, #191700)
- Powdered Peony Garden color palette (#FFE0E2, #D55CB6, #009174, #832F6E, #00231A)
- Antique Lagoon color palette (#E9F9F6, #A8E0B3, #439E73, #40697D, #092E2C)
- Aged Pine color palette (#F5F1DB, #348D41, #00503F, #381D3E, #000B01)
Browse the whole catalog at Explore, or see today's palette.