Lagoon Coast color palette — #FBF2F9 · #FDACA4 · #21A686 · #B56761 · #10282A

Turquoise and Mocha set the tone — five colors that lean into balance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Rose Quartz (#FDACA4): A whisper-light, balanced orange — the color of autumn markets.
• Turquoise (#21A686): A luminous, balanced teal — the color of shallow lagoons.
• Mocha (#B56761): A luminous, balanced orange — the color of sun-warmed clay.
• Onyx (#10282A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Balance. Tagged duotone, muted.

Use it as a design system

One click turns Lagoon Coast 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

• Timeworn Teal Quarry color palette (#FCF2F6, #F8C5A0, #39AFB0, #AF815F, #1F3136)
• Washed Mallow color palette (#F7F3FE, #F8A6D8, #7A9C58, #AD6492, #182824)
• Washed Drift color palette (#FAF4F0, #EED9BF, #5DB28B, #E15819, #0E1503)
• Apricot Dune color palette (#FFEBF6, #FE8440, #008891, #A84800, #001518)
• Tempered Mustard Loft color palette (#ECF9EE, #E9B100, #0097AD, #977100, #00212D)
• Tempered Grove color palette (#E6FDE3, #EE9C4A, #6B9360, #5C5F88, #2D4334)
• Hushed Olive color palette (#FAF4EE, #D3A473, #727417, #865208, #282414)
• Weathered Meadow color palette (#FCF2F5, #F9CBA1, #B9B24F, #E48800, #162920)

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