Soft Garden color palette — #FFF2EF · #F192A4 · #5DB378 · #108093 · #341E19

Built around Jade, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F192A4): A luminous, balanced red — the color of embers at dusk.
• Jade (#5DB378): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#108093): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#341E19): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Lagoon Parlor color palette (#FFF2ED, #F1958E, #009869, #1C6491, #250F15)
• Misty Mallow color palette (#FFF1F4, #D796E6, #A1A442, #2C846A, #341D22)
• Muted Thicket color palette (#FFF2EB, #F7AF95, #52C3B9, #5787B0, #37302C)
• Amber Boulevard color palette (#FFF4E2, #FFB99C, #B88917, #007081, #36302B)
• Quiet Lapis color palette (#FFF3E7, #ED8B00, #00A4B7, #5552CE, #2B1500)
• Dusty Rose color palette (#FBECFD, #C66274, #0C877A, #006056, #221325)
• Pale Ember Garden color palette (#FFF2EC, #FF402D, #009280, #005A88, #210000)
• Sunlit Corridor color palette (#FDF4E5, #D7A628, #0083BD, #6A5092, #1F1301)

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