Lagoon Lantern color palette — #F1F7F2 · #D3E0F0 · #85BBCE · #4F9589 · #3D5669

A conversation between Fern and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D3E0F0): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#85BBCE): A luminous, dusty blue — the color of open sky before noon.
• Fern (#4F9589): A luminous, dusty teal — the color of sea glass.
• Peacock (#3D5669): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hushed Ash Chapel color palette (#E6FAF9, #CDDFEC, #BCB0B5, #76AC9F, #3E585B)
• Pine Ridge color palette (#F9F3F8, #D5DFEE, #71A0BE, #2F805D, #45536B)
• Petrol Study color palette (#DBE9DD, #7BBEC4, #00829B, #005B4C, #002332)
• Washed Denim Orchard color palette (#E0EAE2, #659CAC, #006084, #003B3A, #000A18)
• Lagoon Corridor color palette (#EAF9F7, #A5D1AE, #CCA0CB, #5E9D6E, #50466A)
• Cobalt Grove color palette (#E6F2E8, #9ACBEE, #5B88C2, #00697B, #1E2957)
• Taupe Corridor color palette (#EEF8EF, #B2D4BE, #85A588, #8B6977, #3A4D44)
• Tempered Alley color palette (#CFFAEA, #B8D4A1, #79AF7C, #49825E, #295659)

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