Softworn Lagoon color palette — #EAF9F7 · #5F9C6D · #00748E · #67375F · #28382E

Fern and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F7): a clean, paper-quiet neutral.
• Fern (#5F9C6D): A luminous, balanced teal — the color of glacier melt.
• Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#67375F): A full-bodied, balanced pink — the color of peonies in June.
• Deep Forest (#28382E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Softworn 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

• Antique Sapphire color palette (#ECF8F6, #6E9B67, #5261B2, #7B3A43, #243A37)
• Bronze Harbor color palette (#FEF1F5, #A67336, #00747D, #5B3B6D, #3D2D32)
• Antique Lagoon Workshop color palette (#FFF0F8, #9DB175, #30877A, #754966, #334E4B)
• Washed Grape Field color palette (#E7F9FF, #00848A, #6C48A0, #6F2A00, #0E2D30)
• Hushed Moss Pier color palette (#F6F2E6, #9D8F00, #008073, #74413E, #20180E)
• Feathered Market color palette (#DBFFEC, #ACC28F, #449465, #006C64, #00505E)
• Antique Lagoon color palette (#E6F6F5, #488E61, #20424A, #192D2C, #0F1718)
• Quiet Mulberry color palette (#D7FBFE, #00735B, #790065, #3E2B00, #001C14)

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