Muted Field color palette — #F7F9CC · #98CB9D · #5D9473 · #256C55 · #00505B
A conversation between Mint Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#F7F9CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#98CB9D): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#5D9473): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#256C55): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00505B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Muted Field 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
- Powdered Stone Delta color palette (#FBF8C6, #B8C175, #758952, #4A6839, #25572C)
- Lagoon Alley color palette (#F0FCCE, #BDDDB0, #71AE89, #2B8673, #005051)
- Washed Aqua color palette (#D6FFF8, #77D4D5, #3C959F, #096476, #004D64)
- Patina Market color palette (#FAF6E0, #81B976, #4F846B, #305F79, #444E00)
- Driftwood Ridge color palette (#F6F6ED, #D5DDD5, #9EB0B5, #89853D, #53534B)
- Softworn Oat Canyon color palette (#F0F9E1, #B8CDAE, #859E85, #7A6B78, #5C4A55)
- Teal Courtyard color palette (#CAE9E1, #00BAB1, #007377, #004E59, #003643)
- Lagoon Study color palette (#D0E8E7, #008C95, #00515E, #002A37, #091126)
Browse the whole catalog at Explore, or see today's palette.