Soft Lagoon color palette — #FCF1FB · #AAC5F3 · #E497B0 · #5F8BD9 · #693E4C

Azure and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Sky (#AAC5F3): A luminous, dusty violet — the color of a velvet chair.
• Ballet Pink (#E497B0): A luminous, balanced rose — the color of pressed rose petals.
• Azure (#5F8BD9): A luminous, balanced violet — the color of a velvet chair.
• Cocoa (#693E4C): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Balance. Tagged light.

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

• Teal Field color palette (#FFF0FE, #98B2DD, #C192C1, #3DA4A3, #4D3C4C)
• Timeworn Iris color palette (#FFF0F8, #C3BDEE, #6BC3BE, #8B7DD6, #3C553A)
• Ash Loft color palette (#FFF0FC, #E7D5D7, #B5AC99, #8BA6D0, #5F4A57)
• Patina Field color palette (#FAF2FB, #86B4E6, #B09643, #4375AC, #504D46)
• Patina Driftwood color palette (#FDF2F5, #ECC8B9, #87739D, #673F4E, #34272C)
• Ancient Periwinkle Pier color palette (#EFF6FF, #BAD7FF, #E0C28D, #83ABE0, #3D5441)
• Airy Indigo color palette (#FFF0F9, #A1A3FF, #F8616B, #6B51FF, #6E0F1D)
• Orchid Garden color palette (#FFF1F3, #D6A4D6, #D79452, #B453B7, #603808)

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