Misty Amber color palette — #FFEBE3 · #BC7300 · #8D6500 · #565000 · #121800

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEBE3): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#BC7300): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8D6500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#565000): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#121800): 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 Misty Amber 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 Moss color palette (#F4E7D1, #9C8A00, #686C00, #365A00, #001908)
• Ancient Ember color palette (#F9DEE1, #E8542E, #A75200, #684100, #160F00)
• Amber Atelier color palette (#FDE6CB, #B47A00, #6A4E00, #362900, #040300)
• Wandering Bronze color palette (#CFE8D5, #919550, #876A00, #703F00, #050F00)
• Wandering Bronze Veranda color palette (#DEF0E3, #A8C78C, #3CBCA7, #A35E00, #1F1E00)
• Tempered Grove color palette (#FEE2CE, #E89A00, #AA9100, #747A00, #1C3B00)
• Softworn Sapphire Corridor color palette (#E0F5E7, #BC9D29, #4158E9, #766000, #05003E)
• Magenta Villa color palette (#D6E0F6, #EE37FD, #637300, #1F2500, #000302)

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