Amber Loft color palette — #E4F6F6 · #8AC2A3 · #CD8C52 · #39825E · #452533

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

The five colors

• Ivory (#E4F6F6): bright and airy, almost weightless.
• Mint Leaf (#8AC2A3): A luminous, dusty teal — the color of sea glass.
• Mustard (#CD8C52): A luminous, balanced gold — the color of honey in a jar.
• Fern (#39825E): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#452533): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

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

• Worn Mint color palette (#F2F8EA, #6DC595, #C580A1, #4B8062, #644342)
• Tempered Driftwood Terrace color palette (#E8F6EC, #A2C5B1, #93814C, #465F4A, #1E3128)
• Worn Turquoise Station color palette (#E8F5F0, #AFBB7A, #32ADC6, #6E792B, #163543)
• Bronze Atelier color palette (#D6FAFF, #00B19B, #A77A00, #006A5D, #2C1E00)
• Washed Iris Garden color palette (#E5F5F8, #77C4B8, #9093E1, #008477, #283047)
• Tempered Delta color palette (#F0F9E6, #7BDBB2, #91B2EB, #549D7E, #5A4558)
• Wandering Moss color palette (#E5F5FE, #4DB2D1, #7A9B2F, #007089, #002F26)
• Weathered Alley color palette (#E0F7FA, #C7DCED, #ABBBED, #5C9294, #314346)

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