Lagoon Lantern color palette — #F8F6E4 · #B4DDAD · #509C74 · #5E693F · #282A0F

Fern and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B4DDAD): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#509C74): A luminous, balanced teal — the color of glacier melt.
• Olive (#5E693F): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#282A0F): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Lagoon Lantern 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

• Jade Study color palette (#F8F7DD, #ABEBB4, #16AB7F, #18797C, #113719)
• Hazy Mustard Boulevard color palette (#FFF4DE, #C0CE5B, #5C8F2E, #00694A, #1E2100)
• Tempered Teal Atelier color palette (#FBF5E5, #B1D6AB, #55B49D, #8B8653, #35362F)
• Tempered Lagoon color palette (#F5F7E1, #89CCA7, #208875, #1F5A63, #001F10)
• Washed Olive color palette (#E9E4CC, #5E874D, #004926, #00211E, #000200)
• Dusty Bloom color palette (#FAF4EB, #BBE5EC, #3CB8CF, #1F8069, #003445)
• Antique Villa color palette (#ECF8F4, #7FA878, #16754C, #455121, #1E3C38)
• Softworn Pier color palette (#EFDFC5, #9A9127, #445500, #003519, #010100)

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