Muted Courtyard color palette — #F1F9E1 · #CBDAB1 · #6BAC84 · #207A51 · #13422D
A conversation between Pine and Jade, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F9E1): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#CBDAB1): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#6BAC84): A luminous, balanced teal — the color of sea glass.
- Pine (#207A51): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#13422D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged monochrome, muted.
Use it as a design system
One click turns Muted 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
- Tempered Cypress Archive color palette (#E4FDE7, #B8DEC2, #54AAB2, #00797F, #003D44)
- Washed Coast color palette (#FEF5D8, #E2D4AC, #9CA15C, #6E6D09, #373A0E)
- Weathered Lagoon color palette (#F1F9E1, #A1D0AD, #3C986F, #245D36, #353731)
- Dusty Villa color palette (#D4FFFF, #B1DCE8, #89C89F, #4B7B5F, #002D2D)
- Patina Canyon color palette (#F4F7E9, #CCE5D8, #C1BBCD, #A0AF81, #445A18)
- Washed Harbor color palette (#CBEBDE, #008E6A, #005341, #002118, #000201)
- Feathered Terrace color palette (#AAF9F5, #26C4BC, #00877F, #004C4A, #001916)
- Timeworn Turquoise color palette (#D6EFF4, #00A9BF, #006B7C, #003D45, #000C0F)
Browse the whole catalog at Explore, or see today's palette.