Amber Loft color palette — #FFD8C5 · #DD8C3D · #9D6D00 · #5E4900 · #312E28

Mustard and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Shell Pink (#FFD8C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#DD8C3D): A luminous, balanced gold — the color of old brass.
• Ochre (#9D6D00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5E4900): A full-bodied, balanced gold — the color of old brass.
• Espresso (#312E28): quiet, heavy and certain.

Feels like: 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

• Timeworn Bronze Lagoon color palette (#FFE0D8, #D9966E, #9C6D00, #6C5800, #454A1E)
• Ancient Cocoa Lagoon color palette (#FFEFDA, #B9AB77, #8C703E, #6E3F00, #28220F)
• Misty Veranda color palette (#FFD2D5, #FC8577, #B95B38, #76431C, #332D28)
• Quiet Marigold color palette (#FDF0DD, #CD9A2B, #668BDA, #815E06, #182645)
• Amber Loft color palette (#F7E6D3, #B18100, #685B00, #3F4200, #141B00)
• Mustard Harbor color palette (#E8DFC0, #B0B132, #658325, #3A5C2B, #292E08)
• Chalky Amber color palette (#FFF0D6, #AD8800, #008FA0, #8A5587, #281C06)
• Wandering Moss color palette (#E9EDD6, #6D9900, #257000, #00451D, #00170F)

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