Hazy Meadow color palette — #ECF7FF · #57B7FF · #0070AF · #003D64 · #1C2147

Cornflower and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cornflower (#57B7FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0070AF): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003D64): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#1C2147): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged monochrome, cool.

Use it as a design system

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

• Weathered Ultramarine Lantern color palette (#ECF4FF, #81A1EB, #325FC4, #0F2D7D, #0C224D)
• Periwinkle Meadow color palette (#ECF7FF, #B2D9FF, #43B0FF, #007FBA, #00283B)
• Turquoise Market color palette (#E3FAFF, #00BAD1, #00798A, #00434E, #002B31)
• Cerulean Harbor color palette (#EDF7FF, #D8D8F1, #A0B7FF, #0082A9, #274567)
• Aged Ridge color palette (#F5F3FF, #DBB7E7, #A172AF, #654470, #373151)
• Grape Boulevard color palette (#F4F4FF, #A893FF, #6C2CE3, #400E95, #241257)
• Feathered Plum Pier color palette (#F3F4FF, #AE8CED, #AE0383, #682AB2, #22172D)
• Nightshade Workshop color palette (#E4EAFF, #6175E7, #3100B6, #0D0057, #04002B)

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