Amber Loft color palette — #FFEBD6 · #CA8E00 · #896F00 · #555400 · #374100

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

The five colors

• Cream (#FFEBD6): A whisper-light, dusty gold — the color of old brass.
• Mustard (#CA8E00): A luminous, balanced gold — the color of old brass.
• Ochre (#896F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#555400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#374100): A deep, shadowed, balanced 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 Courtyard color palette (#FFEBCC, #A78B00, #686400, #404700, #003722)
• Soft Veranda color palette (#FFECE1, #F39F13, #9E8600, #676F00, #0C4822)
• Tangerine Terrace color palette (#FFD3C4, #F0751C, #9B5900, #724900, #503D00)
• Powdered Archive color palette (#ECE9C9, #A2AC00, #5D7900, #295D00, #00473F)
• Feathered Mint color palette (#DBFFED, #CBF4A3, #3EDAA9, #956E01, #3C481D)
• Misty Amethyst Studio color palette (#DCFFEB, #B6A525, #6D4CE8, #685D00, #382D72)
• Soft Hollow color palette (#C7F8E1, #888400, #007DA3, #A71273, #333207)
• Emerald Chapel color palette (#DFECD6, #00AA4A, #007E52, #004C3F, #00313B)

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