Soft Loft color palette — #FFF2EC · #D98E84 · #A9741B · #546700 · #004331

Ochre and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Camel (#D98E84): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#A9741B): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#546700): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004331): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Wandering Basin color palette (#FFF1F1, #CE8FAC, #B9674B, #755900, #20420D)
• Wandering Olive color palette (#FCF4EB, #D0985A, #7A892E, #006F54, #003F4D)
• Hazy Bronze color palette (#FFF2ED, #DF8A84, #A8751D, #4E680D, #542348)
• Aged Workshop color palette (#FFF2EE, #DCC2B6, #B6957F, #89772E, #565200)
• Mallow Ridge color palette (#F9F2FE, #FE94BF, #BE7452, #685C23, #292647)
• Tempered Ember color palette (#FFE1CC, #DB6500, #7C6800, #0F5708, #002B28)
• Worn Lilac color palette (#FFF1F3, #AE6BB7, #726300, #00525B, #10364D)
• Hazy Pier color palette (#E8E1CD, #948900, #007832, #004D4D, #002236)

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