Amber Loft color palette — #F7DAD2 · #DD8400 · #947300 · #515000 · #1E3700

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7DAD2): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#DD8400): A luminous, balanced gold — the color of old brass.
• Ochre (#947300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#515000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#1E3700): A deep, shadowed, balanced green — the color of fresh herbs.

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

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

• Bronze Grove color palette (#FFE8DB, #CF9B47, #988400, #4A6705, #154322)
• Frosted Studio color palette (#F0DFD3, #B77900, #7B5B00, #463B00, #0F2F0D)
• Wandering Chapel color palette (#F6E0E6, #EF7163, #A55A00, #6E4900, #343200)
• Timeworn Cocoa Summit color palette (#F4ECDD, #9AA56D, #886E23, #773B00, #0C2C11)
• Softworn Fern color palette (#E9DECA, #837600, #3C6000, #003D27, #001814)
• Hushed Lime color palette (#ECE49C, #A7B43C, #777600, #434300, #1C1900)
• Hushed Olive color palette (#F2E6C5, #96A200, #458100, #006441, #003B36)
• Ancient Bronze color palette (#FFECCA, #BFE2B2, #50CDD2, #A85840, #313100)

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