Hazy Moss color palette — #F9F8D5 · #75AE00 · #007C6C · #00465E · #1A1000

A conversation between Clover and Teal, giving this palette its sense of nature and growth.

The five colors

• Custard (#F9F8D5): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#75AE00): A luminous, vivid green — the color of fresh herbs.
• Teal (#007C6C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#00465E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1A1000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Timeworn Pine color palette (#FFF4DB, #AF9B00, #008226, #004A47, #001422)
• Chalky Nightshade Workshop color palette (#EDFBDF, #00B48A, #00778E, #0818B6, #121400)
• Hushed Clover color palette (#DDFFD6, #00D352, #009653, #006141, #003023)
• Ancient Hollow color palette (#E3F7C8, #678D00, #0B3501, #1C2726, #090800)
• Gentle Pine Studio color palette (#C8F2EC, #1B8513, #005855, #003654, #2D2300)
• Gentle Bloom color palette (#F1FAD9, #55E0AC, #00937A, #565E00, #002518)
• Frosted Corridor color palette (#D0E8D2, #956800, #00575E, #4D004B, #23000B)
• Softworn Nightshade color palette (#EDFAE6, #00CAAE, #008BB2, #3B3CB1, #1A2600)

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