Hazy Lagoon color palette — #F3E2C4 · #A18000 · #C7007B · #604C00 · #570033

Magenta Rose and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3E2C4): A whisper-light, dusty gold — the color of old brass.
• Mustard (#A18000): A luminous, balanced green — the color of new leaves after rain.
• Magenta Rose (#C7007B): A full-bodied, vivid rose — the color of strawberry cream.
• Bronze (#604C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#570033): A deep, shadowed, balanced rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged vibrant.

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

• Sunlit Scarlet Ridge color palette (#FAF7D3, #7EA315, #E32D2A, #4D6700, #65201B)
• Blush Parlor color palette (#FBF4E8, #C2AE7B, #CE7A9F, #87702F, #654340)
• Byzantium Orchard color palette (#FFDDC9, #E14A00, #9600F2, #882A00, #3D1262)
• Sunlit Cocoa Balcony color palette (#EFF3D2, #727700, #007564, #863700, #252700)
• Softworn Amber Ridge color palette (#F3F8E9, #6CB186, #C87000, #007A45, #5B3A1D)
• Moonless Garnet Delta color palette (#E7E3D3, #535500, #780023, #212200, #130002)
• Bronze Atelier color palette (#F6E1C9, #B47500, #008462, #6C4500, #003727)
• Faded Pine Lagoon color palette (#E3EAD6, #008253, #834800, #00452A, #2B1400)

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