Lagoon Lantern color palette — #CCE8D1 · #308E6F · #006560 · #12345A · #070F34
Fern and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#CCE8D1): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#308E6F): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006560): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#12345A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#070F34): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.
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
- Softworn Pine Pier color palette (#DBE7CB, #4F814D, #25654B, #0A3625, #001221)
- Aged Ultramarine Basin color palette (#DEEBD8, #007A6A, #3F42C0, #004238, #030022)
- Wandering Petrol color palette (#D3F1F1, #008092, #005776, #392B56, #260512)
- Softworn Lagoon color palette (#BFE8E4, #008B85, #005553, #002220, #000202)
- Muted Balcony color palette (#EAF5DA, #477B5D, #004748, #2A173D, #230218)
- Worn Aubergine Archive color palette (#E2E8D7, #6A967E, #197974, #523176, #220017)
- Weathered Harbor color palette (#EBEFE1, #4C9CC5, #005E8E, #003947, #000A18)
- Ancient Veranda color palette (#CBEEED, #53A5B4, #107498, #5F3B4E, #362243)
Browse the whole catalog at Explore, or see today's palette.