Misty Amber color palette — #FFF1F2 · #FFC2B4 · #DA7100 · #7E5400 · #473900

A conversation between Pumpkin and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Wheat (#FFC2B4): A whisper-light, dusty orange — the color of toasted spice.
• Pumpkin (#DA7100): A luminous, vivid gold — the color of honey in a jar.
• Coffee (#7E5400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#473900): 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

• Amber Market color palette (#FFE1D1, #C77F00, #7F5D00, #353300, #0A1000)
• Hushed Amber color palette (#FFF2EE, #FFAF6E, #B98000, #6E5E00, #2F3100)
• Timeworn Courtyard color palette (#FFE2DF, #FA7243, #AB5600, #774400, #4F3700)
• Linen Amber Alley color palette (#FFF1F7, #F9C771, #D57615, #9B3D2D, #2E2800)
• Apricot Chapel color palette (#FFDBD4, #FF8447, #AC6700, #644800, #1E1A00)
• Feathered Rose color palette (#FFF0F9, #FFB0C4, #FF495E, #AA3300, #552F00)
• Ancient Bronze Workshop color palette (#EBDFD1, #997800, #504D00, #1C2D00, #000701)
• Worn Lagoon color palette (#FFF2EA, #FFD896, #B89E00, #727A25, #1D4F48)

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