Fern Coast color palette — #EFF0E0 · #506D00 · #244800 · #00200A · #000402

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF0E0): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#506D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#244800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00200A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000402): a grounded near-black with real depth.

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

Use it as a design system

One click turns Fern Coast 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 Villa color palette (#F0E8DB, #847F00, #316000, #002D1A, #000201)
• Cellar Pine color palette (#CFE8D8, #00884A, #004325, #00140A, #000201)
• Antique Aubergine Meadow color palette (#DFE2D0, #267E26, #5E0071, #043404, #07000A)
• Twilit Courtyard color palette (#EEDBCD, #795200, #453300, #211D00, #060700)
• Tempered Meadow color palette (#DCE4C8, #62A500, #006D26, #003F29, #002119)
• Eclipse Nightshade Market color palette (#D8E9DB, #005925, #1F10B2, #5D0300, #000200)
• Hushed Lagoon color palette (#E0E4D6, #58B197, #008995, #273E00, #000B06)
• Dusty Lagoon color palette (#DBF4E8, #009980, #006B67, #003A3E, #001A21)

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