Airy Moss color palette — #F7F1E5 · #A38D06 · #12783C · #004A51 · #311700
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E5): a clean, paper-quiet neutral.
- Moss (#A38D06): A luminous, balanced green — the color of fresh herbs.
- Pine (#12783C): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#311700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
Use it as a design system
One click turns Airy 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
- Muted Amber color palette (#FAF0E6, #C17C22, #5E6D01, #004D3B, #36100F)
- Washed Corridor color palette (#F6F1E6, #9A8F3F, #2B7639, #004B4A, #002133)
- Taupe Summit color palette (#F2F3E9, #86A86D, #1D8278, #175271, #342403)
- Tempered Olive Market color palette (#E7E2BC, #637D00, #005A47, #00323F, #170C00)
- Olive Thicket color palette (#F2EAD0, #9DA852, #657D00, #395700, #2D2F0A)
- Washed Lagoon color palette (#F7F1DB, #B6B48B, #68936D, #3F604B, #234135)
- Pine Courtyard color palette (#F3F2E9, #B5B691, #4E8452, #704E00, #292911)
- Mustard Quarry color palette (#EAFAEF, #C3A200, #5D8F5A, #006C69, #4C2B41)
Browse the whole catalog at Explore, or see today's palette.