Weathered Courtyard color palette — #F6F6E7 · #86AD6D · #8278E2 · #477422 · #57374A
Built around Lavender Blue, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6E7): a clean, paper-quiet neutral.
- Moss (#86AD6D): A luminous, balanced green — the color of new leaves after rain.
- Lavender Blue (#8278E2): A luminous, balanced violet — the color of wild irises.
- Olive (#477422): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#57374A): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Hazy Peony color palette (#F5F6E9, #81AE6F, #BD65A9, #407527, #593450)
- Timeworn Iris color palette (#FCF4E7, #BA9C4D, #7F7DD5, #7E6100, #3E3D64)
- Violet Chapel color palette (#F9F7D9, #76953C, #8866BD, #89508C, #393831)
- Misty Study color palette (#E2F8F1, #91B158, #2E9BBE, #556F1F, #012B3F)
- Coral Thicket color palette (#F5F6EA, #95BD8C, #D8797C, #54804A, #664338)
- Lime Field color palette (#F8F7DD, #9DC95A, #3CB4DB, #6D8C3F, #254B3A)
- Raspberry Courtyard color palette (#E1F4E6, #009FB3, #C83E6C, #00626F, #532431)
- Quiet Moss color palette (#E8FAF4, #BED697, #CAADF8, #8DAC4F, #3D3E61)
Browse the whole catalog at Explore, or see today's palette.