Amber Loft color palette — #D6E8D5 · #BFB467 · #BE7F19 · #9E533B · #002B24

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

The five colors

• Celadon Mist (#D6E8D5): A whisper-light, dusty green — the color of a quiet forest floor.
• Gold (#BFB467): A luminous, balanced green — the color of fresh herbs.
• Mustard (#BE7F19): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#9E533B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#002B24): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Ancient Amber Chapel color palette (#EDDDE5, #D5AA61, #D46F2B, #A14D55, #272600)
• Dusty Basin color palette (#DEECE0, #C2C78E, #BC984F, #A06B4E, #153733)
• Antique Moss color palette (#C8E8D3, #90AB4F, #947A00, #854900, #001B1A)
• Weathered Pier color palette (#EFE1D0, #B39C5E, #986600, #713E11, #2E2300)
• Rust Studio color palette (#FEE3F2, #B5863D, #B04B00, #852337, #0D0C00)
• Aged Chestnut Courtyard color palette (#F3E7D9, #968648, #744B00, #522000, #120E00)
• Frosted Rose color palette (#C3E7DF, #68B41A, #F54765, #677F00, #0E2001)
• Hushed Stone color palette (#FFF1F5, #BDE5CC, #D1AF8A, #A7869E, #3B4C47)

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