Lagoon Workshop color palette — #FAF4EF · #CBE8E8 · #8FB5DD · #409693 · #604B5B

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Frost (#CBE8E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8FB5DD): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#409693): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#604B5B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ancient Alley color palette (#FBF2F7, #D7D4E0, #BCC2F2, #6E9AA5, #434E60)
• Washed Cerulean Veranda color palette (#FFF2EF, #DE9BAE, #55B9A0, #279BB6, #553B37)
• Antique Atelier color palette (#FEF2ED, #C1DCCA, #579EC7, #007E6B, #223B5E)
• Ultramarine Harbor color palette (#ECE3DA, #79A7CE, #3359D0, #004951, #160040)
• Hushed Balcony color palette (#FFF2F0, #C2F5DD, #E1D9CF, #B394B9, #664B45)
• Cobalt Thicket color palette (#EBE1DA, #90BDA6, #127ABE, #005A54, #0B194B)
• Peony Atelier color palette (#FFF2F0, #E6B4C3, #82C29A, #C36D8A, #4C4E47)
• Cocoa Bloom color palette (#FFF3E8, #DAC8AE, #B3957A, #96675C, #594500)

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