Pale Moss color palette — #EFF1E2 · #7E9100 · #507000 · #2B4C00 · #062700
Olive Leaf and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EFF1E2): bright and airy, almost weightless.
- Olive Leaf (#7E9100): A luminous, balanced green — the color of fresh herbs.
- Olive (#507000): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2B4C00): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#062700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Pale 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
- Olive Dune color palette (#F6ECD1, #828200, #3F5400, #023606, #002519)
- Moss Balcony color palette (#EAEFCE, #899D00, #507600, #204500, #010D00)
- Emerald Orchard color palette (#CFE9CF, #009E55, #007046, #004933, #00241C)
- Washed Emerald Coast color palette (#CFE3DF, #3C9F12, #007EAF, #1F6300, #001E2D)
- Wandering Amber color palette (#FFE5CD, #B87A00, #7E5900, #543E00, #231B00)
- Misty Studio color palette (#D0E7D0, #96D2B1, #59B8A2, #497206, #043014)
- Clover Grove color palette (#DFF2DF, #00C771, #009766, #005F48, #00382E)
- Olive Harbor color palette (#D9E2D6, #328B00, #007781, #794E00, #041700)
Browse the whole catalog at Explore, or see today's palette.