Soft Lagoon color palette — #FFF1F2 · #CF81BA · #00A180 · #875078 · #134D3E
A conversation between Fern and Bubblegum, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Bubblegum (#CF81BA): A luminous, balanced pink — the color of a candy shop window.
- Fern (#00A180): A luminous, balanced teal — the color of shallow lagoons.
- Graphite (#875078): A full-bodied, balanced pink — the color of neon signs at night.
- Forest (#134D3E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Soft 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
- Wandering Blush color palette (#FFF2EF, #E47A90, #1C9BA7, #99475A, #2C4B33)
- Gentle Wisteria color palette (#FFF1F4, #C284D3, #79963D, #7E518B, #43433B)
- Tempered Mulberry color palette (#F6EEFF, #CA8EB2, #4C94CC, #934377, #012A46)
- Hazy Peony color palette (#FFF1F1, #D1539B, #218E77, #00707A, #4B2F2F)
- Dusty Raspberry color palette (#FFF1F1, #EC9AC4, #C59F49, #B75D8E, #543F07)
- Wandering Villa color palette (#FFD9E4, #ED0282, #008080, #90004D, #003635)
- Soft Ember Orchard color palette (#FFF2EB, #F35C0F, #008DA7, #9C3600, #004250)
- Wandering Taupe color palette (#FFF2EA, #C2A170, #94664D, #704347, #3F3D36)
Browse the whole catalog at Explore, or see today's palette.