Coral Lagoon color palette — #FBF3F0 · #FFD3C2 · #E2A97E · #E98E88 · #322D28

Built around Salmon, softened by Sand — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Shell Pink (#FFD3C2): A whisper-light, dusty orange — the color of autumn markets.
• Sand (#E2A97E): A luminous, balanced gold — the color of honey in a jar.
• Salmon (#E98E88): A luminous, balanced orange — the color of sun-warmed clay.
• Espresso (#322D28): quiet, heavy and certain.

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

Use it as a design system

One click turns Coral 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

• Muted Veranda color palette (#F9F4EF, #F4D9BA, #B8BD7D, #DA9D48, #302E27)
• Aged Ridge color palette (#F8F3F9, #E7D9D6, #B2B467, #D07D95, #16211C)
• Patina Amber color palette (#FFF2E9, #FAD6B5, #D6AE7E, #B68930, #554300)
• Ancient Tangerine color palette (#FFF2EA, #FFBE9D, #CAA200, #F36C00, #281A00)
• Aged Shell Coast color palette (#F6EFF5, #FFA9A3, #A3794C, #9B5E5B, #1C1316)
• Aged Lagoon color palette (#FDF4E4, #F2C7A2, #C5AA74, #579D73, #653E00)
• Pale Amber color palette (#F6E8DD, #F9A667, #B39100, #CA6B00, #140C00)
• Muted Courtyard color palette (#F8F5ED, #D2C992, #84B987, #0A9A97, #1F4C3E)

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