Fern Lagoon color palette — #ECF9F2 · #C9DEE4 · #9DC2CA · #666300 · #011109

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Silver (#C9DEE4): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#9DC2CA): A luminous, dusty blue — the color of deep harbor water.
• Olive (#666300): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#011109): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Softworn Chestnut Terrace color palette (#FEF1F6, #CBE4E2, #9DC4BC, #8E4C00, #16070E)
• Fern Bloom color palette (#E2EFE9, #A7B7B4, #729594, #424800, #000F09)
• Deep Station color palette (#CCE4E0, #1D7306, #2E2E36, #001715, #000201)
• Softworn Moss color palette (#F0EFE8, #B9C3B7, #95AF9B, #7E8900, #251F05)
• Dusty Lagoon Meadow color palette (#EAF8FB, #D5DBE7, #C0C0DB, #00897C, #102125)
• Aged Moss Coast color palette (#E5FDE7, #9BAB56, #1E713F, #503700, #060900)
• Quiet Aubergine color palette (#FFE8E4, #9B8B00, #006354, #49004F, #020500)
• Frosted Villa color palette (#FFDFC0, #9EB17C, #007C7D, #702E32, #35040B)

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