Hazy Moss Meadow color palette — #DCE2D4 · #5F9700 · #008A5B · #005560 · #000201

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

The five colors

• Bone (#DCE2D4): a clean, paper-quiet neutral.
• Olive Leaf (#5F9700): A luminous, vivid green — the color of new leaves after rain.
• Fern (#008A5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005560): A full-bodied, dusty blue — the color of open sky before noon.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Worn Emerald color palette (#D3E6D2, #009F66, #008383, #004B6C, #000304)
• Misty Terrace color palette (#E1E2C6, #9A8200, #4C8100, #005F4A, #000401)
• Tempered Moss Studio color palette (#DDF2F2, #9C9B00, #008862, #005169, #00110D)
• Hushed Pine Lagoon color palette (#E8E7D8, #007E25, #00412C, #172300, #000400)
• Cerulean Canyon color palette (#E8DECE, #009CA7, #005263, #002C25, #00050A)
• Antique Quarry color palette (#DFF2E5, #007470, #004E60, #331127, #170200)
• Mustard Coast color palette (#D2FFDF, #D0B500, #00B383, #0068B7, #000201)
• Garnet Pier color palette (#D8ECDD, #006772, #881800, #003036, #0A0000)

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