Fern Atelier color palette — #E8EFE2 · #416400 · #00595A · #5A3200 · #010200

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

The five colors

• Cream (#E8EFE2): bright and airy, almost weightless.
• Olive (#416400): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00595A): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Fern Atelier 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

• Denim Lantern color palette (#D4EDE5, #006755, #00527D, #414000, #000202)
• Hazy Cabin color palette (#ECE5D7, #6E5400, #005D31, #770015, #030200)
• Olive Terrace color palette (#E6EADB, #748700, #415200, #191F00, #010200)
• Airy Field color palette (#D3E7E7, #007576, #0045DC, #355500, #000A0A)
• Eclipse Garden color palette (#E6EACB, #404300, #36008B, #2F005C, #020200)
• Gentle Field color palette (#E9E6D3, #615500, #670092, #4A006B, #020100)
• Tempered Emerald Archive color palette (#E6E4CF, #7FB15B, #189F56, #4C4A00, #091200)
• Feathered Aubergine Dune color palette (#D3ECD8, #005E66, #4800B4, #420053, #000203)

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