Airy Courtyard color palette — #F2F4E1 · #8DAF7F · #B574A6 · #327700 · #3B1934
Olive and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F4E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8DAF7F): A luminous, dusty green — the color of a quiet forest floor.
- Dusty Rose (#B574A6): A luminous, balanced pink — the color of a candy shop window.
- Olive (#327700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#3B1934): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Airy 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
- Patina Bloom color palette (#F6F2E3, #A6A968, #967CCF, #686A00, #2C1E46)
- Frosted Peony Terrace color palette (#EBF6E5, #5AB7A1, #C96B89, #007662, #401726)
- Wisteria Archive color palette (#F4F7E7, #71B275, #BC6CC9, #1A722B, #513756)
- Muted Grove color palette (#E8FAF6, #92C984, #D485C7, #5A904D, #473B5C)
- Tempered Boulevard color palette (#F2F5DB, #6E9C66, #B65B8F, #9A4C78, #1F2000)
- Weathered Pier color palette (#FAF0E4, #B5AB8F, #916E3E, #733925, #25240C)
- Feathered Terrace color palette (#E2FBF8, #B3E3B5, #D8A6E4, #26A43F, #4B2853)
- Plum Parlor color palette (#DBE2D2, #28AF7A, #B30069, #005B3C, #2F0018)
Browse the whole catalog at Explore, or see today's palette.