Hazy Ridge color palette — #F9F5E4 · #D3B9FB · #DC87A1 · #00958E · #523339

Rose and Fern set the tone — five colors that lean into creativity and balance.

The five colors

• Cream (#F9F5E4): A whisper-light, dusty green — the color of new leaves after rain.
• Lavender (#D3B9FB): A whisper-light, balanced violet — the color of a velvet chair.
• Rose (#DC87A1): A luminous, balanced red — the color of embers at dusk.
• Fern (#00958E): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#523339): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, Balance. Tagged retro.

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

• Timeworn Cerulean color palette (#FCF5E4, #F0BEE2, #DF9B8A, #3799B8, #5D3F3B)
• Dusty Lagoon color palette (#F6F7E3, #A5CAFA, #B993CF, #5E9158, #4D3346)
• Emerald Ridge color palette (#FEF1F9, #B0B8FC, #DF8466, #00945D, #2B3267)
• Quiet Apricot Courtyard color palette (#FFF4DF, #FF9FBD, #F18618, #0077C0, #5A1F21)
• Aged Coral color palette (#FFF3E9, #F9B3D7, #CE7182, #7C5E21, #432A28)
• Weathered Rose Corridor color palette (#F2E4BE, #E289ED, #FD304A, #007A88, #4C0236)
• Indigo Alley color palette (#FDECD3, #F79F99, #BE8E29, #536CC9, #352F2B)
• Patina Orchard color palette (#F6DEDD, #DE8CB8, #9E5C42, #5F4040, #1F1518)

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