Hazy Ridge color palette — #D4E3EA · #5EB8FA · #3F80D2 · #425BA5 · #343662

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

The five colors

• Silver (#D4E3EA): a clean, paper-quiet neutral.
• Cornflower (#5EB8FA): A luminous, balanced blue — the color of open sky before noon.
• Azure (#3F80D2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#425BA5): A full-bodied, balanced violet — the color of wild irises.
• Navy (#343662): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Periwinkle color palette (#BCE9EE, #43C7FC, #4F9DFF, #6C6ECC, #47345E)
• Antique Nightshade Study color palette (#D4EAEB, #3AACD1, #1566C5, #372E9F, #3E2959)
• Airy Dune color palette (#EAF8FF, #79C9FF, #4593FF, #3E5AA9, #24264E)
• Soft Dune color palette (#CFF6F7, #01C1D9, #008FB7, #006995, #16385B)
• Worn Iris Basin color palette (#E1EDFF, #95A1F5, #8077D4, #6B509B, #472957)
• Tempered Sapphire Balcony color palette (#E5EFFF, #7FA7F1, #BD8B3C, #3B6DCC, #4A2F00)
• Patina Mallow color palette (#F0F5FF, #ECD3EA, #E7B1E5, #5E8AB5, #374058)
• Gentle Ultramarine color palette (#D6EDFF, #2682EC, #2B4FD7, #2C1A9B, #24064F)

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