Frosted Moss Courtyard color palette — #FFECCE · #8B8C00 · #196C35 · #38396C · #31312A
Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Custard (#FFECCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Olive Leaf (#8B8C00): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#196C35): A full-bodied, balanced teal — the color of sea glass.
- Navy (#38396C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
Use it as a design system
One click turns Frosted Moss 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
- Emerald Loft color palette (#FFECCE, #449C3D, #00695E, #512E65, #2F312B)
- Moss Terrace color palette (#FBE5D0, #9D8A06, #1D6B45, #4B255E, #1C1800)
- Hushed Fern color palette (#FDF4E6, #A29E65, #596B2D, #634400, #38352E)
- Amber Meadow color palette (#FFECCE, #C16E00, #665C00, #004661, #34302A)
- Faded Aubergine color palette (#FFE7F0, #B3A24C, #3F895F, #6C407E, #023A2D)
- Gentle Aubergine Thicket color palette (#FBEDD0, #5C6F00, #00492F, #29085E, #081C00)
- Gentle Moss Drift color palette (#F7F7E1, #F6C535, #8AAA00, #009164, #203919)
- Tempered Jade color palette (#DBF6EA, #AAC584, #5AAC6A, #00819D, #063932)
Browse the whole catalog at Explore, or see today's palette.