Hazy Moss color palette — #F8F6E5 · #C3D592 · #B8B3FF · #90AD00 · #403C65

Lime and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#C3D592): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#B8B3FF): A luminous, balanced violet — the color of a velvet chair.
• Lime (#90AD00): A luminous, vivid green — the color of a quiet forest floor.
• Navy (#403C65): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Linen Balcony color palette (#F3F7E8, #A6DBB2, #DEA5EB, #19BD61, #56325E)
• Pale Hollow color palette (#FFF3E4, #EDC586, #9FBCFF, #CF9100, #314168)
• Hushed Moss color palette (#E5FBF2, #B6BE80, #A599E1, #808800, #43396A)
• Weathered Atelier color palette (#F4F8E0, #9ACE97, #9FADFF, #B282DF, #383932)
• Frosted Study color palette (#DDFAEE, #A3AC41, #9181C6, #646B00, #202443)
• Linen Lantern color palette (#E2EABF, #79E583, #C287FF, #008D2A, #41006A)
• Feathered Chartreuse color palette (#FFD9DB, #FFB2F0, #81E448, #5A5A52, #2A2A1E)
• Wandering Driftwood Hollow color palette (#FFF2EB, #E4CCB2, #D39E8B, #B5717F, #403D36)

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