Lagoon Lantern color palette — #F2F3E8 · #96D5D0 · #008D91 · #005D4D · #00262A
A conversation between Cerulean and Pine, giving this palette its sense of calm and sophistication.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Lagoon (#96D5D0): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#008D91): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00262A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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 Cobalt Garden color palette (#F1F3EC, #A0CFE9, #2583BD, #00586C, #01213E)
- Worn Workshop color palette (#FDF1F9, #8ED4CE, #008799, #2B603D, #1C3E55)
- Cerulean Ridge color palette (#F2F2EC, #C5E6CF, #379BB7, #006C6F, #0C3426)
- Tempered Quarry color palette (#E7E8D8, #2B8888, #00444A, #00201B, #000202)
- Quiet Lagoon color palette (#E9EBD5, #63A450, #0085BC, #206600, #001F30)
- Antique Denim color palette (#E2E3DA, #66A9AE, #006470, #003A36, #000D12)
- Antique Mint Thicket color palette (#F0F4E2, #ADE3C5, #56CCB3, #587D3A, #262B15)
- Periwinkle Boulevard color palette (#F0F3EC, #C1E5EA, #769FD2, #3B728E, #412F3F)
Browse the whole catalog at Explore, or see today's palette.