Misty Lagoon color palette — #F9D2E0 · #D9B170 · #D37D00 · #B64C00 · #322800

Terracotta takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F9D2E0): A whisper-light, dusty rose — the color of strawberry cream.
• Sand (#D9B170): A luminous, balanced gold — the color of old brass.
• Mustard (#D37D00): A luminous, balanced gold — the color of honey in a jar.
• Terracotta (#B64C00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

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

• Powdered Courtyard color palette (#F3DBB0, #CBB864, #BE8A00, #A25E00, #2A2C00)
• Sunlit Study color palette (#F6D3E0, #BAA25F, #AD6200, #9D050C, #262D00)
• Muted Mustard Hollow color palette (#FFF3E8, #E1B531, #B86600, #862825, #171B00)
• Bronze Canyon color palette (#F5E2EB, #DFB4C3, #CB8D6C, #AB6356, #1B381F)
• Antique Bronze Villa color palette (#DEF5E7, #C8CE91, #B8A446, #A77500, #2D3B16)
• Amber Courtyard color palette (#EBDFD4, #B88200, #834C00, #5B2200, #171100)
• Faded Rose color palette (#FFE8F4, #FF95AD, #FF3C3D, #AE4400, #432200)
• Hushed Taupe Chapel color palette (#EDF9ED, #C9E0CF, #9FC09F, #B38768, #364E42)

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