Hazy Lagoon color palette — #FBD6DE · #FF345E · #B51900 · #6C2900 · #4A2300

Scarlet takes the lead with Brick close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FBD6DE): A whisper-light, dusty red — the color of embers at dusk.
• Scarlet (#FF345E): A luminous, vivid red — the color of late-summer berries.
• Brick (#B51900): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#6C2900): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#4A2300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Peony Bloom color palette (#FBE7F0, #FF488E, #C20045, #840501, #581A00)
• Scarlet Studio color palette (#F4D6E2, #FF6387, #D82E00, #894400, #3F2B00)
• Gentle Brick color palette (#FFF2EC, #FDC06E, #B29E00, #B22A39, #523013)
• Ember Study color palette (#FFDCD0, #E14A00, #007C99, #882A00, #003441)
• Amber Villa color palette (#FFE8DC, #E87B00, #8A4100, #4F2500, #321200)
• Tangerine Drift color palette (#FED9CE, #F17700, #A15C00, #664700, #303E0D)
• Wandering Grape color palette (#FBDBCD, #B64C00, #007656, #5501D3, #3F1500)
• Tempered Amber Alley color palette (#FFF2ED, #F1A99E, #C77248, #8C5733, #554F49)

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