Muted Courtyard color palette — #FBF6DB · #B4DBA7 · #69B989 · #379A93 · #3B3B34
Built around Jade, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Custard (#FBF6DB): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B4DBA7): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#69B989): A luminous, balanced teal — the color of sea glass.
- Fern (#379A93): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Faded Thicket color palette (#FCF4E4, #CAD788, #83B660, #5990B0, #393F0E)
- Lagoon Courtyard color palette (#FFF4E0, #ADC587, #379B6E, #317386, #3B3B34)
- Teal Loft color palette (#FDF4E5, #ABF3FB, #51C7E9, #00A893, #004563)
- Patina Navy Grove color palette (#EBECD7, #589972, #00735E, #3B427B, #000803)
- Dusty Fern color palette (#F6F6EC, #DCE2C1, #ACBC95, #A892A4, #4C5200)
- Quiet Pine color palette (#E1F8EF, #8BB67C, #00804A, #005853, #0F2705)
- Weathered Alley color palette (#EDDFCD, #B5A954, #788736, #2B6D81, #1F1B00)
- Hushed Jade Balcony color palette (#FFE1F5, #A0AEFF, #FF815F, #00B96E, #262B5A)
Browse the whole catalog at Explore, or see today's palette.