Muted Courtyard color palette — #F1F7F1 · #FFE0BA · #A8A151 · #BC7900 · #02170D
A conversation between Mustard and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F1F7F1): bright and airy, almost weightless.
- Peach Cream (#FFE0BA): A whisper-light, dusty gold — the color of old brass.
- Moss (#A8A151): A luminous, balanced green — the color of a quiet forest floor.
- Mustard (#BC7900): A luminous, balanced gold — the color of old brass.
- Ink (#02170D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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
- Hushed Moss color palette (#F0F7F3, #EDEAA5, #6DB077, #958E00, #001715)
- Softworn Ember color palette (#FAF2F9, #F2D7C4, #D18D4A, #D4615B, #1D0C13)
- Aged Amber color palette (#DEEFE0, #B48500, #465500, #4E3800, #010100)
- Pale Marigold color palette (#FCF4EA, #DFA048, #767300, #835400, #282415)
- Mint Courtyard color palette (#FAF3F7, #FFC7AD, #00CD93, #E58555, #142829)
- Frosted Apricot color palette (#F9F0E9, #F69964, #008A67, #964F23, #0B1005)
- Moss Pier color palette (#E7FBF0, #D2D08F, #819D60, #007176, #18392E)
- Gentle Olive color palette (#FFF6CD, #E2E1A5, #97A64E, #587900, #123D00)
Browse the whole catalog at Explore, or see today's palette.