Hazy Hollow color palette — #FFF0FA · #9FADF3 · #D68383 · #687D14 · #311D2C

Olive Leaf and Watermelon set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#9FADF3): A luminous, balanced violet — the color of twilight just after sunset.
• Watermelon (#D68383): A luminous, balanced red — the color of embers at dusk.
• Olive Leaf (#687D14): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#311D2C): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Ancient Orchard color palette (#FFF1F2, #D89CCC, #D08785, #448438, #371B1F)
• Pale Bronze color palette (#FDF1FA, #96AFFB, #BA89C6, #946A00, #2F1E2C)
• Aged Grove color palette (#EFF6FF, #93B9FF, #EA956B, #95944C, #293443)
• Fern Lantern color palette (#FFF1F6, #AB8DDA, #B7628F, #426E00, #260C1A)
• Lilac Meadow color palette (#EFF9E4, #A0D1FF, #B37AB9, #00755D, #42273B)
• Feathered Ember Boulevard color palette (#E9FAF0, #69CAE7, #C86A66, #006A64, #00313C)
• Fuchsia Lantern color palette (#FFF1F2, #E07CD3, #CE7B00, #007770, #2E0A2A)
• Quiet Market color palette (#EFF9E6, #5ACAA9, #CA904D, #00866A, #1C290E)

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