Worn Lagoon color palette — #F2F8E8 · #B2D3FC · #CB9CC6 · #3B9E92 · #56404E

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

The five colors

• Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Lilac Frost (#B2D3FC): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#CB9CC6): A luminous, dusty pink — the color of peonies in June.
• Fern (#3B9E92): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#56404E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, 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

• Worn Workshop color palette (#F8F6E8, #DBC6F1, #D69E9A, #4C96B4, #5B3F41)
• Tempered Lagoon color palette (#F4F7E7, #ADDDC6, #B7A3D5, #6C9970, #534054)
• Ancient Ash color palette (#FEF4E4, #E7D2FF, #CC8AAE, #707842, #4E383D)
• Wandering Taupe Atelier color palette (#E1FDF1, #F3DAEA, #DCBDBA, #80A388, #3B5148)
• Peony Harbor color palette (#F7F8D5, #ADBCFF, #E56EAB, #008A99, #3F275C)
• Antique Mallow Grove color palette (#FFEDEF, #D2A5D5, #8E756E, #634E52, #271F23)
• Ancient Fern Harbor color palette (#F8F5EE, #DFE0C8, #AABD98, #B78F88, #515100)
• Periwinkle Courtyard color palette (#DEF8F9, #94A8E8, #986781, #2E5D4A, #282A3C)

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