Hazy Ultramarine color palette — #FFF3E3 · #FF9FAE · #A87F00 · #3445C1 · #461607

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ballet Pink (#FF9FAE): A luminous, balanced red — the color of embers at dusk.
• Mustard (#A87F00): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#3445C1): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#461607): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Energy, Balance. Tagged retro.

Use it as a design system

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

• Sunlit Alley color palette (#FFF2EF, #FF809D, #8C8000, #272DD1, #450019)
• Frosted Nightshade color palette (#FFF3E7, #EDA08E, #848300, #533E95, #341A00)
• Dusty Ember color palette (#FFF5D7, #F49CE3, #D06100, #005D91, #490E24)
• Weathered Nightshade color palette (#FFF3E5, #E18481, #7C6B00, #352892, #220A00)
• Washed Pewter color palette (#FFF2EA, #F5BF97, #789F5E, #774E94, #35312B)
• Soft Grape color palette (#FFF2EB, #FFA857, #549C33, #7E18A4, #322600)
• Hazy Loft color palette (#DEFFE5, #FFA87B, #C29700, #0088A3, #4F2C03)
• Antique Indigo color palette (#FFF2F0, #FBCFC9, #C8A372, #6965AE, #613446)

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