Hazy Lagoon color palette — #FFF1F6 · #C17A38 · #407800 · #2B47AF · #2A111D

Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C17A38): A luminous, balanced gold — the color of honey in a jar.
• Olive (#407800): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#2B47AF): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#2A111D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, 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

• Nightshade Coast color palette (#EBF9F2, #908800, #647400, #3142A9, #10240E)
• Antique Bronze color palette (#FFF1F5, #AC7333, #836200, #005478, #301728)
• Wandering Nightshade color palette (#E1F5DE, #E08575, #807B00, #4A499B, #47280B)
• Rust Garden color palette (#FFF2EB, #B34000, #005D52, #00357A, #301918)
• Chalky Thicket color palette (#E4FCF3, #7E9924, #008262, #6E2B90, #00241A)
• Gentle Amber color palette (#FFF3E7, #D56900, #00828B, #00585F, #150109)
• Aged Navy Market color palette (#D7EFE0, #7F6A00, #475100, #000D8D, #0C0300)
• Gentle Apricot color palette (#FFF0F8, #FF8349, #00A99A, #4A76B3, #201829)

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