Moss Courtyard color palette — #E9FAF4 · #DBEEBA · #DBBEF6 · #89A743 · #4F3D5F
Built around Moss, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9FAF4): bright and airy, almost weightless.
- Celadon Mist (#DBEEBA): A whisper-light, dusty green — the color of a quiet forest floor.
- Lavender (#DBBEF6): A whisper-light, balanced violet — the color of wild irises.
- Moss (#89A743): A luminous, balanced green — the color of fresh herbs.
- Charcoal (#4F3D5F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns 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
- Ancient Jade color palette (#E7FAF9, #AFEFE8, #F2B5E3, #53B07A, #5B3953)
- Amber Hollow color palette (#F0F8F0, #FFE0B5, #ACCEFF, #CA8C1B, #334862)
- Timeworn Bloom color palette (#E4FBF6, #C8E0E9, #BDC185, #B6ACB3, #3E5653)
- Lime Studio color palette (#F7F6E9, #A0BC68, #A48BC7, #697A48, #60434F)
- Lagoon Boulevard color palette (#EAF8F9, #B3E1EB, #5A9193, #224E50, #0A1F20)
- Tempered Pine color palette (#DAFEF7, #BBE3EC, #91BF8A, #447A3C, #1C3412)
- Pale Blush Canyon color palette (#E4FAFF, #96E5DF, #FE9AA0, #009E98, #59262B)
- Washed Blush color palette (#E2FCF5, #B9D79F, #90BFF2, #D38A94, #223F38)
Browse the whole catalog at Explore, or see today's palette.