Fern Lagoon color palette — #D3E7DD · #605B00 · #004424 · #001F23 · #040100

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

The five colors

• Honeydew (#D3E7DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#605B00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004424): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#001F23): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Fern Lagoon 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 Harbor color palette (#D3E5E2, #116B0F, #004140, #001C32, #020200)
• Charred Boulevard color palette (#F7DFE8, #814800, #3A3B00, #002112, #060001)
• Dusty Olive Drift color palette (#EFE9D3, #7C8129, #435E1C, #003B3B, #001519)
• Obsidian Chestnut Bloom color palette (#DCF5DC, #714C00, #002D4C, #000813, #050004)
• Timeworn Olive color palette (#DAF2E8, #628129, #235200, #3C2700, #040700)
• Timeworn Amber Meadow color palette (#E4F5E5, #DB7B00, #9B6C00, #675F00, #040200)
• Soft Corridor color palette (#EFE4D7, #9D6400, #006649, #00307A, #060002)
• Dusty Moss color palette (#CEE8E0, #709500, #00755E, #004A5C, #2F1A00)

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