Amber Loft color palette — #F5D3E2 · #F0A823 · #DF7200 · #BB4237 · #312900

A conversation between Tangerine and Brick, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F5D3E2): A whisper-light, dusty rose — the color of pressed rose petals.
• Saffron (#F0A823): A luminous, balanced gold — the color of old brass.
• Tangerine (#DF7200): A luminous, vivid gold — the color of old brass.
• Brick (#BB4237): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#312900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. 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

• Washed Dune color palette (#C9E8C7, #D2B64B, #C88400, #B54D00, #272C00)
• Powdered Veranda color palette (#F4D8C1, #DD923E, #B25E00, #863800, #3A2400)
• Tempered Amber color palette (#F5E1EE, #E3B893, #D4876D, #A5656B, #1E3724)
• Weathered Basin color palette (#D9F8E0, #CBCE83, #CA9D00, #B46C1D, #033F36)
• Faded Atelier color palette (#F3E4B6, #D9B32F, #A155E8, #C62A82, #281E00)
• Soft Moss color palette (#D0E9DA, #A9BB78, #A38E00, #8D6120, #002B27)
• Chestnut Balcony color palette (#F7E6D7, #B88138, #8A4600, #621900, #191000)
• Wandering Veranda color palette (#D4FBE7, #B7B027, #007CCA, #C70077, #161500)

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