Amber Loft color palette — #F1E2DB · #BF8300 · #786D00 · #2E5300 · #001208

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

The five colors

• Parchment (#F1E2DB): a clean, paper-quiet neutral.
• Mustard (#BF8300): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#786D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2E5300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001208): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Washed Bronze color palette (#EBE1CE, #9D8300, #5D5900, #2C3200, #060C00)
• Gentle Olive color palette (#EEE1CE, #989700, #378400, #00593B, #000F0F)
• Ember Quarry color palette (#FFE9EB, #EB632E, #966100, #534700, #070B00)
• Airy Aubergine Alley color palette (#ECE1D3, #BF7500, #5E7C11, #491599, #100A00)
• Misty Courtyard color palette (#FCE7CD, #AA7500, #00717E, #4C1A9C, #0E001B)
• Mustard Cabin color palette (#FCECE1, #E5B200, #929D00, #347C00, #003528)
• Wandering Bronze Study color palette (#F2EAE1, #AEB39F, #8C9D85, #9D6300, #1E1002)
• Muted Aubergine color palette (#FAEADF, #9B9261, #4C8754, #673E77, #36002C)

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