Fern Courtyard color palette — #F9F5E8 · #7FA684 · #1C7167 · #5A4A00 · #333A00
Built around Deep Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5E8): bright and airy, almost weightless.
- Moss (#7FA684): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#1C7167): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#5A4A00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#333A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Fern 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
- Fern Harbor color palette (#FDF3EA, #A49D68, #4D6D3C, #644322, #38352E)
- Hushed Terrace color palette (#FAF4ED, #C6C2A4, #798945, #536D5D, #584D00)
- Softworn Lagoon Corridor color palette (#F6F6EB, #98C09E, #369373, #556C38, #35362F)
- Lagoon Hollow color palette (#EAE5CE, #5F9B73, #00625D, #154066, #252D0B)
- Tempered Hollow color palette (#CDEFD4, #008A97, #AB4D05, #714F00, #12331D)
- Wandering Basin color palette (#E1FEE8, #CFE6FF, #B5A0D9, #397659, #2A463B)
- Faded Balcony color palette (#E2F4E7, #009FB3, #B7584B, #00626F, #5D1D16)
- Washed Quarry color palette (#FFF2ED, #AAD0B2, #3581A7, #1B613F, #4B2F49)
Browse the whole catalog at Explore, or see today's palette.