Soft Garnet color palette — #E3F7F1 · #7AB88D · #007D6D · #7C302F · #002912

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

The five colors

• Ivory (#E3F7F1): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#7AB88D): A luminous, balanced teal — the color of sea glass.
• Teal (#007D6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#7C302F): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#002912): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Tempered Cocoa color palette (#EBF5EA, #82AB95, #586D39, #623D00, #032315)
• Hushed Olive color palette (#E6F7E7, #AEAB68, #527831, #6B365F, #242200)
• Aged Garnet color palette (#D0EBE5, #639B83, #006260, #612111, #00170E)
• Weathered Atelier color palette (#E2FCF6, #76B575, #007E44, #60500C, #11433F)
• Hushed Atelier color palette (#F8F6E4, #86CE99, #009C86, #9A5050, #3A3B35)
• Cerulean Cabin color palette (#E9F5F1, #AACBC9, #578D96, #416B60, #183736)
• Feathered Pine Ridge color palette (#D0FFE2, #75C989, #00894E, #00411D, #001606)
• Byzantium Coast color palette (#B8F2EC, #2FB14C, #9426A9, #9F004B, #001F05)

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