Hazy Moss color palette — #F8EABB · #B2BD73 · #709F4E · #357747 · #115143
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8EABB): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#B2BD73): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#709F4E): A luminous, balanced green — the color of new leaves after rain.
- Olive (#357747): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#115143): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, 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
- Moss Ridge color palette (#FFEAD5, #E1BA71, #A09438, #5C732A, #38502D)
- Powdered Boulevard color palette (#DFF5CA, #92D092, #2EAE88, #007D70, #15555A)
- Hushed Olive Meadow color palette (#C2F2E1, #9EB677, #5B8C30, #286918, #2A522F)
- Weathered Lime color palette (#E6F1C3, #B6D886, #7CBE48, #57914F, #494B43)
- Linen Forest color palette (#F1FBD2, #9DDDAE, #5DA073, #237145, #00381D)
- Wandering Bloom color palette (#F4F7E8, #8CC98F, #B893D2, #559159, #4D395B)
- Fern Study color palette (#F4F8DE, #C5E8D9, #9CCFCD, #9A9C66, #3A520F)
- Hushed Clover color palette (#DEE3CB, #49C224, #008F4E, #006650, #003D3B)
Browse the whole catalog at Explore, or see today's palette.