Soft Grove color palette — #FFF0FC · #F9CFD2 · #FFA084 · #AF9100 · #271000

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#F9CFD2): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FFA084): A luminous, balanced orange — the color of autumn markets.
• Mustard (#AF9100): A luminous, balanced green — the color of new leaves after rain.
• Ink (#271000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

Use it as a design system

One click turns Soft 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

• Hushed Moss Canyon color palette (#FFF1F6, #EED4CB, #FFB977, #89A800, #160E00)
• Timeworn Thicket color palette (#FBD8D1, #FF9043, #AB7000, #5C4700, #211E00)
• Amber Pier color palette (#FCF0FF, #F2D3FF, #FF96B9, #CE7300, #300007)
• Worn Apricot color palette (#FFF0F8, #FFABBC, #EF8601, #7C8600, #050200)
• Muted Driftwood Balcony color palette (#FFF1F4, #DCAB94, #8E8443, #435A79, #1A2347)
• Pine Studio color palette (#E3FBE4, #FFA28C, #D78900, #1F7A05, #020100)
• Pale Ember color palette (#FFF1EA, #FF82A6, #EE4F36, #905D00, #3E1500)
• Frosted Veranda color palette (#FFEEE6, #E495FF, #F56334, #687500, #180800)

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