Moss Canyon color palette — #F7F7E2 · #B0DC8A · #58CCFF · #81AF57 · #1F4C3B
Built around Moss, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B0DC8A): A whisper-light, balanced green — the color of a quiet forest floor.
- Sky (#58CCFF): A luminous, balanced blue — the color of deep harbor water.
- Moss (#81AF57): A luminous, balanced green — the color of fresh herbs.
- Forest (#1F4C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged light.
Use it as a design system
One click turns Moss Canyon 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
- Soft Aqua color palette (#FCF5E0, #DACF71, #1ED6DF, #ADA13B, #2D4B31)
- Teal Terrace color palette (#F2F7ED, #9DE7C8, #ABC7FF, #6BBB9B, #5B4558)
- Quiet Lagoon color palette (#F4F7E7, #A2DDA7, #FFA473, #62B46C, #48413C)
- Weathered Meadow color palette (#E5F3E6, #00D8E2, #C1B400, #00A5AD, #3B3706)
- Fern Atelier color palette (#F4F8E4, #B5E4DC, #B8B5C0, #9AB787, #485306)
- Linen Celadon color palette (#E2FCF5, #BCE489, #D7A5E7, #769649, #383352)
- Quiet Mint color palette (#F3FAD6, #B5EAB8, #77C875, #558D52, #143417)
- Fuchsia Study color palette (#F8F6E3, #ACC27C, #E187D9, #6B8500, #5B363C)
Browse the whole catalog at Explore, or see today's palette.