Soft Lagoon color palette — #F3E1AE · #B0BA82 · #50885F · #3E4978 · #312048

Built around Fern, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Peach Cream (#F3E1AE): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B0BA82): A luminous, dusty green — the color of fresh herbs.
• Fern (#50885F): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#3E4978): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Indigo (#312048): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Jade Delta color palette (#D7E9A9, #7EB485, #379188, #594970, #45193A)
• Patina Taupe Terrace color palette (#FFDEC7, #C2AB68, #748648, #2D5A4A, #1B2655)
• Onyx Canyon color palette (#F2EDD3, #849F72, #326E54, #33385C, #31123C)
• Petrol Veranda color palette (#C9ECD3, #B3C187, #6EAB81, #4E66A3, #4E396C)
• Ancient Station color palette (#DAE4CD, #508761, #245E5A, #3A2157, #20001B)
• Powdered Pine Boulevard color palette (#F5F3DB, #7ABA7E, #007F59, #694124, #1F2300)
• Worn Olive color palette (#FFE5E8, #C8A081, #6A864D, #834761, #6D322A)
• Muted Cerulean color palette (#F8F1E5, #A1DDDA, #0094A3, #00654B, #002A36)

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