Amber Loft color palette — #F9D6E2 · #A78C0F · #465500 · #1B2753 · #020100

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

The five colors

• Shell Pink (#F9D6E2): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#A78C0F): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#465500): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#1B2753): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Hushed Forest Pier color palette (#CAEAD6, #7E9952, #005E2D, #321F4E, #010100)
• Antique Fern Study color palette (#E6FCE7, #A7A663, #3F6E14, #3E3167, #080800)
• Dusty Bronze Summit color palette (#F6E5D4, #816900, #333D00, #0F1D4E, #150F00)
• Orchid Harbor color palette (#E3E4FF, #9F50DC, #676E00, #550083, #010100)
• Byzantium Station color palette (#EADAFB, #8A29CA, #4F6100, #234F00, #020006)
• Powdered Ultramarine Veranda color palette (#FAE9EF, #7DBFEA, #1F61CA, #003D41, #020012)
• Olive Lantern color palette (#E3FEE2, #D0C76A, #618E1D, #4A5096, #231F00)
• Ancient Balcony color palette (#E0FDF2, #99C99E, #0A8A71, #64426A, #001D1B)

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