Lagoon Lantern color palette — #E5F6F0 · #8FBEBA · #3D8472 · #3B5D52 · #042E2C
Built around Fern, softened by Ash — the whole palette hums with calm and sophistication.
The five colors
- Cream (#E5F6F0): a clean, paper-quiet neutral.
- Ash (#8FBEBA): A luminous, dusty teal — the color of sea glass.
- Fern (#3D8472): A full-bodied, dusty teal — the color of shallow lagoons.
- Pine (#3B5D52): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#042E2C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Cypress color palette (#EBF9F6, #87BBB6, #448261, #45633A, #234A47)
- Muted Teal Balcony color palette (#E8F6F1, #7DAE87, #2B7363, #274B5E, #002220)
- Antique Teal color palette (#B8F1D3, #54BBAC, #008894, #005A6F, #02344F)
- Aged Loft color palette (#DEF7FF, #76C5E3, #00839F, #004A61, #001820)
- Antique Hollow color palette (#E0F6FF, #44B6C2, #BD7A61, #00727C, #401B0D)
- Weathered Cypress color palette (#F8EFF5, #C0E3F1, #6196AD, #006F56, #142E47)
- Worn Lagoon Delta color palette (#E0F6FF, #D2D5ED, #C5B6DB, #549080, #1F3443)
- Lagoon Pier color palette (#D5F1EA, #408965, #004F49, #002E41, #000B04)
Browse the whole catalog at Explore, or see today's palette.