Hazy Navy Lagoon color palette — #FFF4E0 · #C58F00 · #007D67 · #183097 · #290011

Built around Indigo, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C58F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007D67): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#183097): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#290011): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Dusty Aubergine Study color palette (#DAFFF0, #99A300, #007986, #540F8A, #270500)
• Lime Ridge color palette (#E0FDF1, #ACBA00, #009095, #494297, #440119)
• Gentle Tangerine color palette (#FFF0F8, #EE7000, #327F00, #00465B, #20002D)
• Aged Aubergine color palette (#FAD9C4, #BB4700, #005D21, #230082, #1E0600)
• Byzantium Corridor color palette (#FEDEEB, #F78615, #00A08E, #892BCB, #3B004A)
• Moonless Navy color palette (#D7F1F2, #00795E, #003C73, #2B0024, #030100)
• Frosted Emerald color palette (#CDFEF9, #009339, #005182, #450035, #030100)
• Clover Corridor color palette (#E3FBF6, #60C128, #0080B2, #6C2E64, #291600)

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