Hazy Field color palette — #D9E1F0 · #3670FF · #8E6B00 · #1443C2 · #090500

Sapphire and Cobalt set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#D9E1F0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sapphire (#3670FF): A full-bodied, vivid violet — the color of a velvet chair.
• Ochre (#8E6B00): A full-bodied, balanced gold — the color of old brass.
• Cobalt (#1443C2): A full-bodied, vivid violet — the color of wild irises.
• Ink (#090500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Antique Cobalt color palette (#D0E2F3, #0083D2, #9D6100, #00588F, #0C0400)
• Lapis Garden color palette (#D9E4F8, #4252E3, #774F00, #1F1C96, #0B0500)
• Linen Violet color palette (#DBE0FB, #9147FF, #767600, #622DB0, #060600)
• Worn Pier color palette (#E2E9FF, #4251FC, #BE1700, #006B31, #010010)
• Dusty Grape Market color palette (#D6E4D9, #C25F00, #8202E7, #100224, #010107)
• Hazy Bloom color palette (#D2DDFF, #BDBAFF, #B8A204, #6A5BC6, #302900)
• Aubergine Coast color palette (#DDDEF6, #AA7F00, #5E2A88, #1F0533, #02000D)
• Linen Atelier color palette (#D7E5FF, #B39BE7, #CA73C8, #2F73AD, #070421)

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