Misty Amber color palette — #FFF1F4 · #FFB09E · #DC6900 · #7B5A00 · #383300

Built around Pumpkin, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Melon (#FFB09E): A whisper-light, balanced orange — the color of autumn markets.
• Pumpkin (#DC6900): A luminous, vivid gold — the color of honey in a jar.
• Coffee (#7B5A00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#383300): A deep, shadowed, dusty 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

• Timeworn Tangerine Loft color palette (#F7DFDB, #FF9B77, #E97C1F, #A56A24, #4C3401)
• Marigold Dune color palette (#FFF2EE, #FFB065, #A98200, #5F5B00, #1A3A11)
• Faded Rose color palette (#FFEDFD, #FFA9C6, #F24948, #963E11, #412700)
• Ember Terrace color palette (#FFE1E0, #F45A2D, #895600, #473400, #131300)
• Weathered Meadow color palette (#FEE8E3, #BA7200, #6E5100, #282C00, #000700)
• Muted Amber Basin color palette (#FFF1F7, #DFC48D, #BE763F, #7D4645, #04281D)
• Misty Amber color palette (#FFF0FC, #FFD2B7, #D49100, #7B7002, #214E42)
• Quiet Azure color palette (#E8FCE6, #FFC06D, #00A7D8, #A16900, #002C3D)

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