Hazy Amber Lagoon color palette — #F5E5EA · #C87700 · #0089C1 · #8D5200 · #00111D

A conversation between Mustard and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F5E5EA): bright and airy, almost weightless.
• Mustard (#C87700): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#0089C1): A full-bodied, balanced blue — the color of deep harbor water.
• Ochre (#8D5200): A full-bodied, balanced gold — the color of old brass.
• Ink (#00111D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Cobalt Garden color palette (#EBE0C9, #C69829, #006FC3, #7D5C00, #001024)
• Misty Ultramarine Archive color palette (#FFE9D3, #C0781E, #007CB7, #0056B0, #0F0500)
• Gentle Cabin color palette (#D8F0E1, #957C00, #545EDF, #645300, #030022)
• Worn Rose Villa color palette (#FFE3FA, #FD3030, #008EA8, #B90513, #001218)
• Amber Balcony color palette (#FBDFCB, #CB711E, #005D9C, #5C2E00, #000104)
• Tempered Periwinkle Lagoon color palette (#D1EECF, #FFBA5B, #64ABFF, #9F6700, #002D5C)
• Amethyst Harbor color palette (#E4E5CA, #A7A62A, #793AE9, #686600, #130034)
• Aged Courtyard color palette (#FEE9D5, #854A00, #004F75, #402100, #000307)

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