Amber Loft color palette — #F6DEC8 · #BA8600 · #716900 · #3D4800 · #102A09

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

The five colors

• Parchment (#F6DEC8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BA8600): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#716900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3D4800): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#102A09): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Amber Boulevard color palette (#FCE9DF, #BC8B2C, #7C7000, #435100, #134729)
• Bronze Courtyard color palette (#FFE8CD, #8A7000, #494A00, #162800, #000E03)
• Hushed Hollow color palette (#E9E0C7, #8CA267, #6F6606, #543800, #171A01)
• Pale Tangerine color palette (#FFE7E4, #E9791F, #935600, #503F00, #242200)
• Mustard Atelier color palette (#FFF4DE, #E3B500, #9C8500, #5D5900, #313203)
• Olive Coast color palette (#F1EDDE, #8E9700, #408000, #004D21, #00291E)
• Hazy Corridor color palette (#F0E9D3, #9B9600, #776EC4, #5B5800, #1B153A)
• Feathered Quarry color palette (#ECFAC1, #97B955, #577600, #323800, #0B1000)

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