Amber Loft color palette — #F6EBE0 · #C2B177 · #C27C2B · #A34E40 · #1F2800

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

The five colors

• Cream (#F6EBE0): a clean, paper-quiet neutral.
• Camel (#C2B177): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#C27C2B): A luminous, balanced gold — the color of old brass.
• Brick (#A34E40): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#1F2800): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Bronze Meadow color palette (#EFE2C7, #A6BA88, #9F8F3E, #9A5900, #002D15)
• Washed Crimson Boulevard color palette (#F9D7BD, #DAB167, #E27000, #CD1E40, #2B2B00)
• Hazy Field color palette (#FBD8E3, #B39B6D, #9F6200, #7B3600, #2B2400)
• Hazy Summit color palette (#FCECD3, #C8CE8D, #C69D43, #C65D04, #1A3F15)
• Faded Mulberry Lantern color palette (#FFEADE, #B78446, #B1491E, #8F003D, #0F0B00)
• Tempered Rust Villa color palette (#EBDAD2, #B7C06F, #B75947, #7B2A1B, #170601)
• Sunlit Olive Pier color palette (#EFDAD7, #E09F61, #A18F00, #357C00, #002A1E)
• Washed Bronze Corridor color palette (#F2D7E1, #A0831C, #7B4600, #511F19, #00130D)

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