Lagoon Loft color palette — #F6F6EB · #B8D8B7 · #009199 · #00685B · #004953

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Pistachio (#B8D8B7): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#009199): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00685B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004953): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Lagoon Loft 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

• Cobalt Courtyard color palette (#F4F7EC, #ABDAC8, #2B86C6, #00637B, #1E4168)
• Muted Cabin color palette (#FDEFE7, #9EDDDC, #0092AC, #00663E, #00283E)
• Tempered Studio color palette (#F6F7E6, #76C7CC, #007C8A, #005650, #003A46)
• Tempered Pewter color palette (#F5F6EE, #C7E6E1, #7DA38E, #59785B, #315344)
• Frosted Aqua Thicket color palette (#EAF9F5, #9CF7F5, #00CEDA, #00A893, #004953)
• Muted Boulevard color palette (#E0E4D5, #438BA4, #00425B, #002227, #000A15)
• Faded Pine Quarry color palette (#FCF1F9, #A5EAE8, #00ADCC, #008754, #004566)
• Pale Seafoam Meadow color palette (#DDFFE7, #A2EAEC, #39DBC9, #558847, #224C37)

Browse the whole catalog at Explore, or see today's palette.