Softworn Lagoon color palette — #FFDDD2 · #E5A69F · #B1705A · #7B4D2C · #37322C

Mocha and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDDD2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rose Quartz (#E5A69F): A luminous, dusty orange — the color of autumn markets.
• Mocha (#B1705A): A luminous, balanced orange — the color of toasted spice.
• Coffee (#7B4D2C): A full-bodied, dusty gold — the color of old brass.
• Espresso (#37322C): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Wandering Turquoise color palette (#FDEFE5, #E0A385, #59A8C3, #9A6245, #193829)
• Ancient Alley color palette (#FFDADF, #D59DC1, #B5718B, #844A57, #523227)
• Driftwood Thicket color palette (#FFEFDF, #D1AF78, #9F8A4B, #62581A, #3A3932)
• Driftwood Lagoon color palette (#FFEFE0, #EAC09D, #AA7951, #684116, #321800)
• Wandering Chestnut color palette (#F9F2FF, #D89CA3, #B96F52, #895107, #32533B)
• Muted Bronze color palette (#FEF0FF, #F8BBB1, #D48B71, #A86537, #6B4855)
• Amber Veranda color palette (#F9DEC8, #BF8535, #845F00, #473D00, #252700)
• Hushed Meadow color palette (#FFEEE1, #CA8C61, #4E9F8A, #7C6EA7, #332316)

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