Amber Loft color palette — #FFF3E3 · #F4D7A8 · #BD9747 · #806530 · #3A3630

A conversation between Mustard and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Peach Cream (#F4D7A8): A whisper-light, dusty gold — the color of old brass.
• Mustard (#BD9747): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#806530): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#3A3630): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged monochrome, muted.

Use it as a design system

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

• Hushed Amber color palette (#FFF2EA, #FFCDB4, #D18662, #8D5B3F, #522700)
• Softworn Jade color palette (#F7F7DB, #CEE3B2, #8BB169, #566E3B, #3B3B33)
• Hushed Villa color palette (#FFF4E2, #EFC48C, #9B7F3E, #64491D, #3A352F)
• Worn Bronze Boulevard color palette (#E5FDE8, #CADAC9, #CFAF7C, #886A35, #113118)
• Misty Drift color palette (#DEE6B4, #AFB139, #777800, #454B00, #161600)
• Cocoa Canyon color palette (#FFF3E5, #DBE1C8, #A2C4D5, #BC9980, #634700)
• Mustard Ridge color palette (#FFF9B1, #E0C412, #9B8B00, #675900, #2C2600)
• Softworn Moss color palette (#F6F5ED, #C8D9A2, #41ADB6, #819648, #283029)

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