Hazy Lagoon color palette — #F2D5E3 · #CF9C00 · #853E00 · #431C00 · #15060E

Mustard takes the lead with Bronze close behind in a set that reads as optimism and balance at first glance.

The five colors

• Shell Pink (#F2D5E3): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#CF9C00): A luminous, balanced gold — the color of old brass.
• Bronze (#853E00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#431C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#15060E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Balance. Tagged luxury, dark.

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

• Washed Field color palette (#E6D9EA, #CF9C00, #8A324D, #471424, #110615)
• Wandering Marigold color palette (#D2E3D5, #CD9C19, #6D5000, #362600, #001003)
• Mustard Orchard color palette (#FFE7F0, #D6AE56, #8A551F, #4C2837, #1F1117)
• Amber Canyon color palette (#ECD7E2, #A58A0F, #5A2300, #290C00, #190310)
• Cocoa Pier color palette (#FFF3E9, #E1B172, #7C3E00, #2A1000, #030100)
• Weathered Bronze color palette (#E8DBD2, #CDB861, #B06135, #763100, #160700)
• Pine Market color palette (#F9E5EC, #E78C00, #158920, #8D5400, #00110F)
• Aged Bronze color palette (#DBEEE2, #A57C00, #433700, #140F00, #000201)

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