Hazy Quarry color palette — #F9F2FF · #DA89AF · #A09B23 · #00937C · #310B1F

A conversation between Moss and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#DA89AF): A luminous, balanced rose — the color of pressed rose petals.
• Moss (#A09B23): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00937C): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#310B1F): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Hushed Jade Studio color palette (#FAF2FF, #E085AB, #41AD78, #009280, #310A1D)
• Dusty Bloom color palette (#F4F4FF, #BE8FDF, #B1931F, #479311, #241130)
• Teal Canyon color palette (#FEF0FF, #EFA3AC, #90B96E, #00A6AA, #362338)
• Feathered Amber color palette (#FFF0F8, #DA8556, #8A913E, #006E6C, #240B1A)
• Gentle Veranda color palette (#FFF1F6, #D77F11, #008EBD, #0068B1, #170900)
• Misty Apricot color palette (#FFF3E9, #FC9938, #00B3BB, #0085D7, #351900)
• Linen Delta color palette (#FCDBDD, #E68ACC, #F57F48, #798EE9, #3E2224)
• Hushed Terracotta color palette (#FFF0F9, #E6B9CA, #B8775F, #8C3843, #062912)

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