Soft Loft color palette — #FFF1F2 · #D784C0 · #BA6900 · #286E30 · #003E53

A conversation between Ochre and Bubblegum, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bubblegum (#D784C0): A luminous, balanced pink — the color of neon signs at night.
• Ochre (#BA6900): A full-bodied, balanced gold — the color of old brass.
• Olive (#286E30): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#003E53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Rust color palette (#FFF0F8, #A497E9, #C15E56, #536700, #003F4D)
• Wandering Hollow color palette (#FFF2EE, #E78192, #8F8200, #006C6C, #373159)
• Mallow Market color palette (#FAF1FF, #F79ABE, #BA765A, #6F5908, #312149)
• Dusty Lantern color palette (#F3DCCE, #D16027, #447200, #004B5B, #2B0F3F)
• Soft Mallow color palette (#F7F2FF, #EAA4D3, #97A966, #4D8C66, #073B5C)
• Ancient Olive Loft color palette (#FFEFF0, #E9BEB6, #B8937D, #6E803D, #3F543D)
• Worn Peony color palette (#FFE0DB, #FA0A86, #826400, #005447, #04116B)
• Dusty Bronze color palette (#F9EADB, #A56300, #00633F, #003265, #270017)

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