Lagoon Lantern color palette — #F5D3E6 · #AAAA74 · #338E77 · #704758 · #56364A

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F5D3E6): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#AAAA74): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#338E77): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#704758): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#56364A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Cocoa Basin color palette (#CFECD1, #A0B58C, #478082, #784640, #574253)
• Tempered Olive Delta color palette (#F5DDFB, #BF9874, #6E7E42, #5B4A76, #483B50)
• Antique Taupe color palette (#ECDEB3, #95B287, #637555, #5E3D4F, #371E23)
• Weathered Balcony color palette (#F2EDDC, #6EB085, #007791, #753631, #512C0B)
• Weathered Cypress color palette (#E8FAF5, #6FA994, #007078, #56425F, #193C3E)
• Worn Driftwood color palette (#F8DEBE, #D0CBAD, #98AA88, #A37677, #553836)
• Antique Forest Corridor color palette (#F3DFE9, #86875A, #00614C, #5A262B, #3E1500)
• Cobalt Boulevard color palette (#C2F2E0, #78BBA1, #3781AF, #705118, #434410)

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