Pale Loft color palette — #FFDFD3 · #FFA45D · #D99400 · #917E00 · #3E4800

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

The five colors

• Shell Pink (#FFDFD3): A whisper-light, dusty orange — the color of toasted spice.
• Apricot (#FFA45D): A luminous, balanced gold — the color of old brass.
• Mustard (#D99400): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#917E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3E4800): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

One click turns Pale 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

• Aged Mustard color palette (#EDDBCE, #E6AD34, #B29600, #6F7F00, #254015)
• Amber Market color palette (#F2DDD1, #DE8800, #966A00, #5C4500, #2B2600)
• Patina Coast color palette (#F3DFE3, #FF9E8D, #F67000, #BB6900, #563B00)
• Patina Marigold Balcony color palette (#DDF7E0, #D3CB7E, #D0991D, #B56A31, #113E34)
• Powdered Amber Orchard color palette (#F8EEE1, #B28F00, #7F7B00, #3E5E00, #002C10)
• Faded Mustard Canyon color palette (#FFF7C6, #F7D253, #BEAC00, #897300, #2E2700)
• Timeworn Lime color palette (#D2F6D9, #DCCB6F, #9DB532, #689A5B, #235353)
• Pale Seafoam Delta color palette (#DFFFE1, #8AF3E3, #53FCC0, #EA8A49, #2B533E)

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