Lagoon Atelier color palette — #FDF3EE · #C2E8E3 · #7DABCE · #378C6D · #583E53

Fern and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Silver (#C2E8E3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7DABCE): A luminous, dusty blue — the color of open sky before noon.
• Fern (#378C6D): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#583E53): 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 Atelier 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

• Muted Cypress Grove color palette (#FBF4EE, #B6E0CB, #7298C8, #047D6D, #36345F)
• Powder Garden color palette (#FBF2F8, #D5D4E2, #78C4F7, #4C9273, #303F59)
• Tempered Lagoon Study color palette (#FAF4EE, #CCE7E9, #C8A5BF, #599291, #674855)
• Tempered Study color palette (#FFF0F9, #989DE5, #A19C4A, #628D50, #492E40)
• Tempered Spruce color palette (#F3E3DF, #5D9FA0, #00627D, #003F16, #00091B)
• Cornflower Balcony color palette (#FEF3E9, #86D6FF, #4087FE, #007369, #332369)
• Airy Petrol Cabin color palette (#FAEDE4, #73ABBF, #0068B4, #004C3D, #0E063F)
• Tempered Iris color palette (#C3F2D7, #83C2FC, #6A8BD8, #7263A3, #553D60)

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