Moss Field color palette — #F2E1EC · #FF9CAB · #2AB41B · #20411D · #12211F
Clover and Ballet Pink set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F2E1EC): A whisper-light, dusty pink — the color of peonies in June.
- Ballet Pink (#FF9CAB): A luminous, balanced red — the color of late-summer berries.
- Clover (#2AB41B): A luminous, vivid green — the color of a quiet forest floor.
- Forest (#20411D): A deep, shadowed, dusty green — the color of fresh herbs.
- Onyx (#12211F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Moss 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
- Moss Meadow color palette (#EBD9E9, #FF94B7, #91A100, #323710, #12261F)
- Jade Field color palette (#F8E7F3, #FFB0A5, #00B674, #003A3A, #112323)
- Clover Atelier color palette (#F6DFE2, #85B5FF, #00C25A, #123219, #1A1C13)
- Soft Lime Summit color palette (#F8E6DF, #FFB0CA, #9ED300, #254F45, #222E2B)
- Blush Ridge color palette (#F7E6FC, #FF6EAC, #008E34, #002508, #000504)
- Misty Veranda color palette (#FFDFE8, #9CC0FF, #00DB66, #2C5653, #0E1D1C)
- Aged Cypress Drift color palette (#E3F2F3, #E8A08B, #00755E, #004032, #031A1C)
- Lagoon Boulevard color palette (#EFF7F8, #D4D9E4, #BDBCD0, #009489, #2B3E42)
Browse the whole catalog at Explore, or see today's palette.