Fern Courtyard color palette — #F1F1E1 · #3D5E00 · #003713 · #00160D · #000201

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 (#F1F1E1): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#3D5E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003713): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00160D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

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

• Antique Olive color palette (#E2E6D7, #468100, #0B5D0E, #00311C, #00110C)
• Eclipse Station color palette (#C7E8E5, #005D25, #6A0052, #00260B, #040002)
• Shadow Fern Quarry color palette (#DDF8DF, #5E5300, #392500, #1C0800, #010100)
• Obsidian Grape color palette (#F5E6CB, #8500C5, #00632E, #070D10, #000201)
• Aubergine Orchard color palette (#D3EEDC, #004829, #550051, #43002D, #000201)
• Softworn Cypress color palette (#D5E8DB, #00836E, #00534F, #003035, #000F16)
• Emerald Grove color palette (#E7F6D5, #009A4B, #006550, #00403D, #001A1E)
• Softworn Orchard color palette (#CDEAD2, #2D9F99, #1875A1, #2C3400, #000303)

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