Misty Amber color palette — #F6DCD3 · #D76B00 · #885000 · #563A00 · #3B2D00

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

The five colors

• Shell Pink (#F6DCD3): A whisper-light, dusty orange — the color of autumn markets.
• Pumpkin (#D76B00): A luminous, vivid gold — the color of honey in a jar.
• Coffee (#885000): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#563A00): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#3B2D00): 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

• Pale Station color palette (#F4DFD3, #D38629, #946900, #5B4900, #263D14)
• Bronze Quarry color palette (#F6E4D1, #A4832D, #764B00, #572800, #2D2304)
• Rose Station color palette (#FFD9E0, #E35D5F, #9C2900, #6B2B00, #472500)
• Muted Sapphire Ridge color palette (#ECDBC7, #AA7100, #0064D5, #644100, #052755)
• Hushed Jade Cabin color palette (#FFF3E2, #CFCD85, #6FAA64, #8E4D11, #3A3730)
• Weathered Parlor color palette (#F1E3C2, #968C00, #595F00, #2D4C00, #00352A)
• Washed Bronze color palette (#FCEACA, #7B6900, #444500, #1D2900, #071800)
• Misty Aubergine color palette (#FAE6C9, #8B6300, #006C71, #71267E, #2D1B00)

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