Fern Lagoon color palette — #CDE8DD · #416A2F · #00351A · #001C19 · #010800

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

The five colors

• Honeydew (#CDE8DD): A whisper-light, dusty teal — the color of sea glass.
• Olive (#416A2F): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#00351A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001C19): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Worn Abyss color palette (#F2EADE, #6E7C45, #00542C, #00313B, #050700)
• Lagoon Harbor color palette (#E0F0E3, #478D94, #004453, #00231D, #000B13)
• Patina Lagoon color palette (#D4EAE6, #589C78, #006354, #00464F, #00321D)
• Nocturne Nightshade Study color palette (#D5E5FF, #2943AF, #4E3B00, #09006C, #090500)
• Nightshade Grove color palette (#E1E7FF, #2C269C, #601300, #002D15, #01000F)
• Wandering Fern Coast color palette (#EDF9EE, #A39C70, #5F6836, #295064, #1D3D2D)
• Plum Grove color palette (#D1E1FF, #9E85D3, #9B4E9B, #003257, #0E0523)
• Navy Lagoon color palette (#CCE9F9, #005EA0, #00246F, #0A0054, #08001E)

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