Soft Loft color palette — #ECE2EE · #FF7074 · #009760 · #003F25 · #040600

Built around Watermelon, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Blush (#ECE2EE): bright and airy, almost weightless.
• Watermelon (#FF7074): A luminous, vivid orange — the color of autumn markets.
• Fern (#009760): A full-bodied, balanced teal — the color of sea glass.
• Forest (#003F25): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#040600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Wandering Basin color palette (#EEDACB, #FF5A78, #00A9B3, #003539, #000C02)
• Muted Boulevard color palette (#E2DDFD, #FF70C7, #5D8800, #283D05, #040400)
• Patina Apricot color palette (#E0EFDD, #E48D56, #007871, #00423E, #000400)
• Worn Blush Terrace color palette (#FFE9E0, #FF8FA2, #00C6C9, #005152, #0F1E10)
• Cerulean Workshop color palette (#DBE4DD, #B1C4C5, #CBACC5, #0090A3, #122418)
• Tempered Grove color palette (#F6E1D9, #BF71FF, #00AD92, #00352B, #050B02)
• Patina Raspberry Lantern color palette (#EBDDD0, #E0008D, #0085A1, #00171E, #000201)
• Seafoam Thicket color palette (#F6D6D8, #FFB1F2, #00E7C6, #516745, #21271D)

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