Lagoon Lagoon color palette — #F2F3E8 · #AAEBE7 · #469DA1 · #2E6A5E · #15331F
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Sea Foam (#AAEBE7): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#469DA1): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#2E6A5E): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#15331F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Lagoon Lagoon 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 Cerulean Hollow color palette (#F2F3E6, #93D4DE, #1F8AA0, #005B5B, #002819)
- Timeworn Cerulean color palette (#F1F3EB, #BAE8D6, #6093BB, #2D6778, #38233B)
- Dusty Cerulean Market color palette (#DFE1CC, #009CA5, #00535E, #002C29, #000508)
- Ancient Garden color palette (#FCF3F1, #C3E9DD, #60B2CA, #558955, #265147)
- Feathered Wisteria color palette (#FFECF1, #C08ADC, #009EB9, #7A5090, #082F1C)
- Pale Cornflower Dune color palette (#EFF4E7, #A8D5FF, #3B83DC, #005D80, #0D214F)
- Softworn Cocoa color palette (#FBF1D8, #ABB07F, #7C7743, #614700, #262312)
- Wisteria Boulevard color palette (#FFECEF, #B96CBA, #B86453, #4F6B9C, #2F151A)
Browse the whole catalog at Explore, or see today's palette.