Misty Amber color palette — #F9E0D6 · #E18222 · #8D6400 · #5A4E00 · #184318

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

The five colors

• Shell Pink (#F9E0D6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#E18222): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8D6400): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#5A4E00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#184318): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Amber Orchard color palette (#F0E2DA, #C57C06, #745800, #444200, #003723)
• Airy Marigold color palette (#F9EEDD, #CCA000, #6B7200, #3F5B00, #004D25)
• Feathered Marigold Basin color palette (#FADFD5, #FFA842, #D89900, #938500, #384000)
• Bronze Harbor color palette (#D9F8DF, #A4A05B, #866300, #6F3900, #293D04)
• Coral Lagoon color palette (#FFE5E8, #FC7C6A, #B15200, #774300, #4F3B00)
• Aged Bronze Cabin color palette (#DFFEE8, #B1F3CB, #4DCDAC, #A55500, #4E4804)
• Wandering Studio color palette (#E9FBEB, #CE9825, #6055E4, #785500, #322F75)
• Antique Lapis Lantern color palette (#F8ECBA, #967E00, #435EF0, #553CD9, #3A3000)

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