Hazy Cobalt color palette — #F6E7CE · #C39A24 · #1D6EC1 · #6A5100 · #031C38

Royal Blue and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F6E7CE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C39A24): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#1D6EC1): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#6A5100): A full-bodied, balanced gold — the color of old brass.
• Midnight (#031C38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Tempered Moss Lagoon color palette (#EFE9D5, #9B9600, #8768BC, #5B5800, #211238)
• Chalky Amber Archive color palette (#F7E5D8, #E06A00, #0088B0, #863D00, #00202C)
• Dusty Azure color palette (#E2F4E8, #BEA655, #00A2DC, #886F00, #003B52)
• Indigo Hollow color palette (#F9ECDC, #A86E00, #675DC1, #56528E, #1F1000)
• Grape Station color palette (#F1F1DE, #63AB23, #7233D2, #2E5900, #1C0040)
• Pale Ultramarine color palette (#F3E5CC, #826800, #3A45BC, #433400, #030029)
• Tempered Amber Atelier color palette (#FCECD6, #B78216, #A8598E, #734F00, #512242)
• Feathered Mustard color palette (#E7FCEA, #F4B20D, #80A3F5, #996D00, #17264A)

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