Moss Grove color palette — #FFF2F0 · #E97BA9 · #959C00 · #0083B3 · #311816

Moss takes the lead with Bubblegum close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bubblegum (#E97BA9): A luminous, balanced rose — the color of pressed rose petals.
• Moss (#959C00): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#0083B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#311816): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Moss Grove 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

• Ancient Atelier color palette (#FFF1F2, #F17CCC, #B88C00, #008581, #2C111B)
• Softworn Clover color palette (#FFF2EF, #FA95A4, #6DB65A, #4D7CBC, #36221D)
• Emerald Drift color palette (#FFF1F2, #F093E2, #009F44, #5370BD, #2B1518)
• Feathered Market color palette (#F9EDD3, #F899B7, #D67E31, #287CAB, #362E2C)
• Gentle Harbor color palette (#FFF2EB, #F17D4D, #00AA84, #656CCA, #2C1404)
• Byzantium Courtyard color palette (#F1E3D3, #D28400, #0093A5, #8D41A9, #221100)
• Pale Emerald color palette (#FCEBD4, #CC9209, #009F44, #006CC4, #2F000A)
• Softworn Studio color palette (#FAF4EC, #E6B871, #51B894, #7D8AC4, #3B3431)

Browse the whole catalog at Explore, or see today's palette.