Lagoon Atelier color palette — #ECF8F6 · #C9E1FF · #69B1C3 · #308A88 · #314C5B

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

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Powder Blue (#C9E1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#69B1C3): A luminous, dusty blue — the color of deep harbor water.
• Fern (#308A88): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#314C5B): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Azure color palette (#EAF9F7, #9AE0FC, #529FC7, #007A8A, #213D54)
• Worn Petrol Veranda color palette (#D9EDEA, #52B0CB, #007093, #004950, #001624)
• Hushed Lagoon Drift color palette (#F9F3F8, #D5D4E2, #7FC4F1, #0C9969, #2C3F5F)
• Antique Aqua Chapel color palette (#B5FBF7, #03D6D8, #00A9B4, #007B8D, #285267)
• Turquoise Field color palette (#EBF7FF, #00B6E3, #978BDD, #559672, #253B48)
• Chalky Aqua Hollow color palette (#E8F8FF, #00CEE6, #A5AB5F, #0091A2, #43461B)
• Stone Delta color palette (#E8FCE7, #D9B981, #AD8758, #835C6B, #2E4334)
• Worn Lagoon color palette (#EDF8F6, #C9E3FF, #70AECA, #2C8993, #344B5C)

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