Hazy Quarry color palette — #CFEDDD · #007793 · #6225DE · #005D34 · #00242E

Iris and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CFEDDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
• Iris (#6225DE): A full-bodied, vivid violet — the color of a velvet chair.
• Pine (#005D34): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

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

• Ultramarine Thicket color palette (#BEEAEE, #007A82, #2E44DE, #275B00, #06270F)
• Wandering Basin color palette (#CFF6EB, #0070B3, #8522B3, #005A4E, #00261E)
• Byzantium Market color palette (#E4EEFF, #0863F2, #A200A7, #005F5F, #062150)
• Aubergine Study color palette (#FCE6FF, #005BA3, #770095, #004741, #001228)
• Crimson Basin color palette (#FFE2EC, #9F54DC, #D3004D, #006799, #3A254D)
• Orchid Pier color palette (#FEF0FF, #558BCC, #A357B3, #007972, #423242)
• Washed Ridge color palette (#B8F4FF, #00A1B5, #005A67, #002F37, #00171B)
• Ultramarine Harbor color palette (#DBE4F7, #1026D1, #6E0067, #00383A, #010128)

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