Misty Amber color palette — #F7DEC8 · #B89B07 · #7A8700 · #00691E · #001D15

Mustard takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F7DEC8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B89B07): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#7A8700): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00691E): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001D15): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Dusty Moss color palette (#EAE8CF, #8B9406, #536D00, #1C4400, #001A02)
• Worn Amber color palette (#FFE6E0, #E08B39, #A27800, #555A00, #001D04)
• Emerald Harbor color palette (#E7E4D3, #84AD31, #009537, #006559, #00171A)
• Emerald Balcony color palette (#EFDFCD, #BD9000, #279733, #613091, #181700)
• Olive Corridor color palette (#EAE5CA, #748300, #184E2D, #231D00, #030100)
• Clover Atelier color palette (#EEE5C2, #91C939, #00B450, #00796C, #003338)
• Bronze Alley color palette (#F2EDE4, #BBC3B3, #98AD99, #9F7A00, #271E0C)
• Weathered Emerald color palette (#DCE2CD, #009D3F, #00745D, #004648, #000305)

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