Softworn Lagoon color palette — #F5F6ED · #BEE7DD · #59B4C1 · #188D82 · #30503D
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Celadon Mist (#BEE7DD): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#59B4C1): A luminous, balanced blue — the color of open sky before noon.
- Fern (#188D82): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#30503D): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Weathered Azure color palette (#F5F6EE, #B5E1C6, #10A4CE, #007B83, #134434)
- Wandering Teal Courtyard color palette (#E8FBEF, #D9E1EF, #C3C7FB, #53A6AD, #3D5449)
- Weathered Turquoise color palette (#E0E2D0, #4BB2C3, #007289, #004A4B, #001720)
- Weathered Iris color palette (#E2FDED, #0EB6DD, #9389EA, #53976C, #253E31)
- Hushed Garden color palette (#F4F6EE, #C0E4E8, #72A9E3, #4084A1, #563F55)
- Lilac Grove color palette (#EBFAEE, #43CCDD, #B78EE9, #00919F, #593644)
- Denim Boulevard color palette (#E9EEE1, #6E97BA, #0058A4, #00384D, #000623)
- Wandering Amber color palette (#FFF3E7, #D9B791, #B68355, #875E45, #543600)
Browse the whole catalog at Explore, or see today's palette.