Pale Moss color palette — #E5F7ED · #9D9009 · #297641 · #004B4D · #311124
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#E5F7ED): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#9D9009): A luminous, balanced green — the color of new leaves after rain.
- Pine (#297641): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#311124): A deep, shadowed, dusty rose — the color of strawberry cream.
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
- Amber Workshop color palette (#FFECF3, #CA7600, #686905, #104D30, #380C18)
- Gentle Moss color palette (#E4F7F1, #7B9B21, #007564, #004761, #02260F)
- Bronze Basin color palette (#FCF4E7, #A88234, #00745F, #2E447F, #532838)
- Olive Archive color palette (#E1E5B7, #747800, #005B3C, #00333B, #190A00)
- Wandering Stone color palette (#E7F6F1, #9AC08D, #54825A, #455B4B, #142C29)
- Misty Bloom color palette (#E2E5AA, #9CAB32, #638116, #425923, #1F3618)
- Ancient Harbor color palette (#D2F8F9, #007F5A, #00505C, #00215F, #0C0C00)
- Hushed Lagoon Hollow color palette (#DBF3F3, #009267, #005F72, #492D00, #0F1700)
Browse the whole catalog at Explore, or see today's palette.