Soft Garden color palette — #F2D7CF · #B3003A · #005D3B · #002C3D · #040000

Ruby and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#F2D7CF): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#B3003A): A full-bodied, vivid red — the color of embers at dusk.
• Pine (#005D3B): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002C3D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Energy, 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

• Mulberry Lagoon color palette (#F6DFDF, #A7007E, #2F5A00, #002F2F, #040000)
• Terracotta Basin color palette (#FEEADC, #9A4100, #00595A, #002750, #030100)
• Deep Lagoon color palette (#FFE6D9, #96040A, #004430, #001627, #030004)
• Rust Thicket color palette (#F7EAD1, #B95500, #534000, #001F28, #020100)
• Midnight Garnet color palette (#E9DBEF, #7E0043, #00395D, #11005E, #0F0004)
• Chalky Archive color palette (#FEE4E5, #E4004B, #008080, #006261, #100002)
• Antique Rose Cabin color palette (#FBE4DC, #F4424F, #5A4D00, #750015, #020100)
• Cocoa Meadow color palette (#F7ECE4, #DFCCBA, #B7A384, #822F00, #060100)

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