Soft Garden color palette — #FFF3E9 · #F9689F · #AF4045 · #4D3E00 · #250703

A conversation between Bubblegum and Brick, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bubblegum (#F9689F): A luminous, vivid rose — the color of strawberry cream.
• Brick (#AF4045): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#4D3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#250703): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

Use it as a design system

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

• Worn Field color palette (#FFF3E6, #FF6D5B, #A64E00, #374600, #220A00)
• Worn Peony color palette (#FFF2EF, #FF258A, #9E4600, #433800, #160026)
• Blush Grove color palette (#FFF3E8, #FF90A3, #B66354, #5A5200, #341910)
• Ancient Fuchsia Terrace color palette (#FFF2EB, #E06EDF, #AD3579, #5F3300, #23041D)
• Softworn Canyon color palette (#FFEAD7, #F62E49, #8E3300, #2B2E00, #0E0000)
• Hushed Fuchsia Lantern color palette (#F1DBB9, #F17AC6, #CF615F, #007B3F, #3C1424)
• Garnet Grove color palette (#D0EBD5, #A75A8A, #852428, #003619, #22000E)
• Charred Atelier color palette (#FFDCD5, #D70064, #3E1618, #1E180D, #0E0000)

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