Fern Courtyard color palette — #F0EDD8 · #5A6900 · #3E4B4B · #002C1E · #0C0900

Olive takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F0EDD8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#5A6900): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3E4B4B): a grounded near-black with real depth.
• Deep Forest (#002C1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0C0900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Smoked Fern Coast color palette (#DFE1D1, #176405, #3A4649, #001E1B, #020300)
• Tempered Olive color palette (#ECE9CF, #6A8600, #304A25, #221E00, #020200)
• Weathered Moss Harbor color palette (#E7E6D7, #6E9700, #007332, #004F3C, #002629)
• Jade Drift color palette (#EFF4E8, #4BB286, #475F4E, #2D3F00, #23221C)
• Ancient Cypress color palette (#E4F5E4, #008282, #003656, #041C06, #040501)
• Weathered Workshop color palette (#E7E9D4, #40A68E, #006D7A, #6F2A3F, #102003)
• Misty Plum color palette (#D1E9CC, #268C06, #C10050, #8F3000, #021700)
• Pale Cobalt color palette (#F0E4DF, #64C1D3, #007CB8, #005C40, #0F1A47)

Browse the whole catalog at Explore, or see today's palette.