Lagoon Loft color palette — #FAF4EF · #CCE8E9 · #95B3E0 · #20989D · #66485B

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Frost (#CCE8E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#95B3E0): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#20989D): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#66485B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Ash Archive color palette (#F4F6EE, #C2DFEE, #B4BEEA, #74ABBF, #5D4C5E)
• Antique Lagoon color palette (#FAF3F0, #CEE7E1, #7FBBD4, #57957D, #2A5349)
• Hushed Cerulean color palette (#EBF9F3, #96CCEF, #D7A676, #2596D0, #524C46)
• Weathered Ash color palette (#EFF7F7, #D7DCEC, #749EC2, #3F778B, #435467)
• Softworn Cerulean color palette (#FAEBE4, #91D0DC, #3091BD, #006E5A, #0D2E54)
• Chalky Turquoise Harbor color palette (#FDF3EE, #A6E9EB, #00ADD0, #00875B, #004469)
• Worn Study color palette (#E9DCD2, #83BAD6, #2E76C4, #005959, #141253)
• Softworn Ridge color palette (#FFF0FC, #9DB1DE, #D2918C, #AC8F2B, #4F3B4C)

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