Worn Lagoon color palette — #FDF3ED · #CCEFD9 · #70ACD4 · #318B7D · #573E56

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Honeydew (#CCEFD9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#70ACD4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#318B7D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#573E56): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Periwinkle Lantern color palette (#FCF3ED, #B8DECE, #6A98D2, #007C7D, #303661)
• Dusty Lagoon Harbor color palette (#FBF3EF, #CEE7DF, #83BCC8, #649373, #355146)
• Ancient Taupe color palette (#FFF0F8, #9F9AE6, #A89A41, #579056, #482F3E)
• Shell Quarry color palette (#FFF0F9, #E8D5D1, #F3B8B0, #7594B5, #60474F)
• Weathered Pier color palette (#ECDDD6, #629EA2, #00627A, #003D2A, #000A16)
• Muted Petrol color palette (#F5E6DA, #65ACCA, #0069B0, #004A47, #060248)
• Iris Lagoon color palette (#D4EFFF, #8CC1FB, #728ADA, #7863A8, #563D65)
• Hazy Iris color palette (#FFF0F8, #B2AFEE, #BFA150, #7B75BF, #534002)

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