Lagoon Studio color palette — #FAF4EB · #C3E6DB · #6FB1BA · #348D6E · #2B513E

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Celadon Mist (#C3E6DB): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6FB1BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#348D6E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#2B513E): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Wandering Aqua Drift color palette (#F1F7F2, #D3D7E7, #53CFDE, #4A9277, #204456)
• Worn Lagoon color palette (#F9F4EE, #BDE9E7, #77ACCF, #258A8E, #583C5A)
• Weathered Boulevard color palette (#F0E5D3, #66AFB6, #007289, #004B40, #001622)
• Weathered Azure Chapel color palette (#FAF4EC, #B9E0C3, #37A3C7, #007D72, #073F5D)
• Hushed Denim Alley color palette (#F6EEE3, #6D99B3, #00599F, #003A43, #01002F)
• Periwinkle Balcony color palette (#FFF0FD, #7CA4F0, #D17D79, #5F965B, #462F44)
• Muted Ash color palette (#FFF0FD, #EDD2D3, #E6B7AC, #78A4C0, #5F4858)
• Azure Grove color palette (#C9F0FF, #6FBFF0, #5496D0, #4B6BA5, #3C446D)

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