Hazy Moss Pier color palette — #F7EDB9 · #C7C378 · #969C3D · #657726 · #3E5028
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F7EDB9): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#C7C378): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#969C3D): A luminous, balanced green — the color of fresh herbs.
- Olive (#657726): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#3E5028): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Hazy Moss Pier 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
- Amber Parlor color palette (#FFDDBA, #E0B574, #B98F3D, #806400, #524815)
- Patina Ridge color palette (#CFEBBC, #9CD292, #64A96D, #338152, #23513A)
- Quiet Olive Studio color palette (#F9DFBE, #B6A35D, #7E8000, #396100, #215031)
- Soft Moss color palette (#F8F9CB, #B3D8A3, #78A463, #436725, #1D3606)
- Patina Coast color palette (#DCFFEB, #E3E385, #A0AD25, #697F32, #30421D)
- Lime Lagoon color palette (#FDE0B8, #E3C568, #A7B518, #699954, #1C4D4A)
- Olive Boulevard color palette (#F9F6E4, #B5BF73, #DD8A8B, #7E8822, #643132)
- Moss Alley color palette (#F9F7D9, #93B255, #47AAA6, #B6753E, #393831)
Browse the whole catalog at Explore, or see today's palette.