Tempered Fern Courtyard color palette — #EFF4E8 · #88C1AC · #358476 · #4B5D19 · #222A1A
Olive takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EFF4E8): a clean, paper-quiet neutral.
- Mint Leaf (#88C1AC): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#358476): A full-bodied, balanced teal — the color of sea glass.
- Olive (#4B5D19): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#222A1A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered 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 Terrace color palette (#F3F2E8, #AFCEA3, #698E6C, #536B2B, #31322B)
- Washed Jade Orchard color palette (#F0F5DC, #63BD8E, #007E61, #195752, #1C2406)
- Aged Harbor color palette (#F5F7E9, #AAF9DB, #51AFAE, #76776F, #363A33)
- Weathered Cerulean Veranda color palette (#F1F3E8, #B1E5FC, #5396BB, #286875, #13332A)
- Wandering Corridor color palette (#D7FBF0, #DFDDF2, #AFBCF5, #4E7D93, #213B35)
- Gentle Parlor color palette (#A7F1FC, #00BCDA, #0083A1, #00536F, #0C382C)
- Forest Boulevard color palette (#E0E2C7, #006B2A, #00331D, #001913, #000200)
- Turquoise Coast color palette (#DFF9EC, #33B2E0, #779A53, #006F8F, #2B2901)
Browse the whole catalog at Explore, or see today's palette.