Lagoon Harbor color palette — #F2F7F1 · #D2DEDC · #AFC8C8 · #37A29C · #414B40
A conversation between Turquoise and Stone, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#F2F7F1): a clean, paper-quiet neutral.
- Silver (#D2DEDC): a clean, paper-quiet neutral.
- Stone (#AFC8C8): A luminous, dusty teal — the color of sea glass.
- Turquoise (#37A29C): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#414B40): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.
Use it as a design system
One click turns Lagoon Harbor 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
- Dusty Study color palette (#F2F7F1, #D1E0DE, #D6C2D6, #2D8476, #444942)
- Antique Abyss color palette (#E2E9E3, #A8B9AF, #72A192, #005F63, #021A07)
- Worn Cerulean Coast color palette (#D6EADE, #269FBB, #35554B, #1B3426, #131B13)
- Tempered Ridge color palette (#F8F5EC, #CAC6A4, #739C6A, #4A7D6D, #4C4300)
- Softworn Market color palette (#F0F7F5, #EAD9DD, #E2B9BC, #2C8DD2, #2B463F)
- Terracotta Summit color palette (#FFF4E2, #5EC4C6, #468FB9, #924959, #264531)
- Ancient Cocoa color palette (#E0FDE6, #BAD3C8, #B094A8, #9E6A67, #734106)
- Softworn Loft color palette (#D7E1DC, #ADA0AD, #987D90, #004B6A, #000D07)
Browse the whole catalog at Explore, or see today's palette.