Soft Lagoon color palette — #FFF0FE · #A7C9FF · #FF7CAE · #417BDA · #550C2E
A conversation between Bubblegum and Azure, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#A7C9FF): A whisper-light, balanced blue — the color of deep harbor water.
- Bubblegum (#FF7CAE): A luminous, vivid rose — the color of strawberry cream.
- Azure (#417BDA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#550C2E): A deep, shadowed, balanced rose — the color of a warm blush.
Feels like: Trust, Stability, 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
- Hushed Coral color palette (#FFF0F8, #B9B5FF, #F47D7B, #726AB8, #451616)
- Dusty Atelier color palette (#DAFFEE, #78D5FF, #E683E9, #008AB6, #49134B)
- Fuchsia Lagoon color palette (#F1F5FF, #90A9FF, #E665CA, #0098A4, #31162C)
- Antique Ultramarine color palette (#FFF0FB, #8EA3FF, #E25F7D, #4755C1, #340110)
- Faded Chapel color palette (#FFF1F5, #E3C6FF, #FCA079, #9C77BC, #542C1B)
- Weathered Indigo color palette (#FFF0F8, #C1C0FF, #00C8C0, #776CD6, #003634)
- Weathered Study color palette (#FFF0FE, #A1C7FF, #F8B325, #428BF3, #4F3500)
- Periwinkle Corridor color palette (#F2F5FF, #DED7E1, #B9B1A8, #7CA0D8, #34365C)
Browse the whole catalog at Explore, or see today's palette.