Soft Amber Loft color palette — #F3DBCF · #CA7B00 · #7D5C00 · #3E3B00 · #212C00

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F3DBCF): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#CA7B00): A luminous, balanced gold — the color of old brass.
• Olive (#7D5C00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3E3B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#212C00): 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 Amber 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 Ember color palette (#FCD7D8, #EA5B2A, #8A4600, #4D3300, #202804)
• Dusty Moss Courtyard color palette (#EADFCB, #A49600, #5D6C00, #144800, #00361D)
• Powdered Bronze Terrace color palette (#FCE1AA, #B36800, #5C5400, #003E56, #382500)
• Misty Amber Archive color palette (#FFF3E5, #FF9A67, #C88900, #647D00, #322600)
• Tangerine Ridge color palette (#F8E0E4, #FE7830, #9A6C00, #4A5800, #00320D)
• Worn Chestnut Grove color palette (#FFF3E8, #DED0BF, #B5A583, #894600, #37322D)
• Forest Bloom color palette (#FFF3E8, #D4B88C, #91864D, #555F22, #2A5017)
• Charred Chestnut Quarry color palette (#FCE9D5, #725800, #353300, #0A1500, #000501)

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