Amber Lantern color palette — #F7E9E0 · #BC7400 · #836800 · #504E00 · #0F1900

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

The five colors

• Cream (#F7E9E0): a clean, paper-quiet neutral.
• Mustard (#BC7400): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#836800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#504E00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0F1900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Amber Lantern 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

• Bronze Market color palette (#EEE5D9, #9F7100, #624C00, #332A00, #030200)
• Misty Veranda color palette (#F0E2C2, #978600, #617200, #145501, #00170B)
• Ember Coast color palette (#F0DEDC, #E65300, #9E5400, #664400, #171100)
• Washed Moss color palette (#E8EDCF, #9DA300, #7F7A00, #434700, #030200)
• Muted Mustard color palette (#EDDED2, #DDA500, #9F8E00, #6B7C00, #173900)
• Antique Amethyst color palette (#FAEED9, #C19B29, #7F34E9, #795E00, #150032)
• Patina Bronze color palette (#EEE3CB, #A4C580, #00BDAB, #B06800, #151700)
• Pale Sapphire color palette (#ECE8DB, #967B00, #385EFF, #8A2BC6, #0B0700)

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