Amber Loft color palette — #DFFAEA · #ADE3EA · #76E4C6 · #D77800 · #353705

A conversation between Mustard and Lagoon, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DFFAEA): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#ADE3EA): A whisper-light, dusty blue — the color of deep harbor water.
• Lagoon (#76E4C6): A whisper-light, balanced teal — the color of shallow lagoons.
• Mustard (#D77800): A luminous, balanced gold — the color of old brass.
• Forest (#353705): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

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

• Muted Delta color palette (#E3FCF0, #B2E9F8, #7FEBDA, #D99E61, #1D423B)
• Misty Coral color palette (#FFE9F1, #BCE9CF, #9FD692, #E96D51, #3C2E00)
• Aged Bronze Summit color palette (#B8ECDC, #AED6B3, #5BCCCB, #A07E00, #042F09)
• Feathered Moss color palette (#D5FAF5, #A6E3F0, #90C3FA, #9CA70C, #00402D)
• Bronze Atelier color palette (#DDF4E4, #B1B784, #A78C32, #985B00, #002B25)
• Ancient Delta color palette (#D2E2DF, #E1AD76, #508948, #1C5714, #000F0D)
• Hushed Harbor color palette (#E0FCF5, #BEE5F9, #BAB5C5, #C4AD6C, #335A58)
• Periwinkle Market color palette (#D2F0EB, #60C9D5, #6AA5F1, #867A00, #001A0F)

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