Soft Loft color palette — #FFF0D8 · #C87E00 · #676500 · #004364 · #261A00

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

The five colors

• Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C87E00): A luminous, balanced gold — the color of old brass.
• Olive (#676500): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#004364): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#261A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Airy Courtyard color palette (#FFF0D2, #E26541, #825800, #00474F, #301200)
• Worn Navy color palette (#FFF0D2, #A49200, #2A741E, #24308C, #1B1F00)
• Linen Bronze color palette (#F7E5C9, #9C6F00, #465300, #002D53, #130E00)
• Bronze Basin color palette (#FFEFDB, #AE7600, #006C4A, #003A67, #2F0027)
• Linen Marigold color palette (#E4FDE8, #E79200, #848200, #00618F, #463200)
• Moonless Pier color palette (#F5EDE0, #836700, #292D00, #180E00, #070300)
• Timeworn Pine Orchard color palette (#FBDDB8, #B4A67F, #558554, #395170, #32294E)
• Aubergine Canyon color palette (#FFF1F6, #D76452, #686300, #4F0AAA, #522900)

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