Soft Loft color palette — #F0DDE2 · #DA7073 · #B64900 · #634300 · #2C3C09

A conversation between Terracotta and Coral Clay, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0DDE2): A whisper-light, dusty rose — the color of a warm blush.
• Coral Clay (#DA7073): A luminous, balanced red — the color of a theater curtain.
• Terracotta (#B64900): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#634300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#2C3C09): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Linen Tangerine Atelier color palette (#FAE6E4, #EC6F49, #AA4700, #5E3200, #2A1800)
• Washed Amber color palette (#FFE8E2, #CF7F36, #956200, #4F4C00, #014128)
• Brick Corridor color palette (#F6D8F3, #DF75A2, #B81F3D, #812F00, #563413)
• Dusty Chestnut color palette (#F7E4D6, #B39157, #944E20, #693034, #32302A)
• Timeworn Sapphire color palette (#FFDCCC, #BD5547, #0F67D6, #4B4FA3, #3E2418)
• Hushed Amber Meadow color palette (#FCEBDE, #CB752F, #0083B5, #844200, #013A53)
• Patina Studio color palette (#FFF2EB, #E6D69C, #7EC57C, #8D546F, #413C36)
• Muted Delta color palette (#EDE9FF, #98B0FF, #DE8D00, #302F28, #221A10)

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