Hazy Quarry color palette — #ABF6FC · #27CDFB · #519BDB · #60649D · #603D4C

A conversation between Sky and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Sea Foam (#ABF6FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#27CDFB): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#519BDB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#60649D): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#603D4C): A full-bodied, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Muted Pier color palette (#B7F5DF, #00D8D7, #00A8D0, #3B7199, #553B52)
• Hazy Iris Summit color palette (#CDEFFF, #9BC1FF, #8481D7, #7C5E91, #623C42)
• Tempered Alley color palette (#E2FAFF, #ABE2FF, #5EADF0, #3B67BC, #3E3A64)
• Gentle Marigold color palette (#FCF1FE, #7CBDFF, #CD9B3A, #4384C4, #46423B)
• Iris Summit color palette (#FFF0FD, #B9C9FF, #6F93DA, #545B95, #1E2E52)
• Teal Orchard color palette (#DAFFF4, #F1E2F0, #F0BFD6, #67A9AA, #5C4857)
• Timeworn Pier color palette (#CBE1FF, #A1ADFF, #B05EF7, #913D8B, #5F2741)
• Indigo Thicket color palette (#E1F2F8, #4AA3FF, #4E69FF, #6526B5, #480F56)

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