Misty Amber color palette — #F1DBD9 · #F0855C · #CA7500 · #825C00 · #352E00

A conversation between Mustard and Salmon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1DBD9): A whisper-light, dusty orange — the color of toasted spice.
• Salmon (#F0855C): A luminous, balanced orange — the color of autumn markets.
• Mustard (#CA7500): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#825C00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#352E00): 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

• Powdered Amber color palette (#F0D9CD, #D87B2F, #AB6600, #6F4400, #432D00)
• Misty Marigold Lagoon color palette (#FEE3D3, #D99522, #A98C00, #6A6D00, #1F3500)
• Amber Bloom color palette (#FCE2EB, #C8AF70, #C27D28, #A54E2D, #262600)
• Chalky Rust Harbor color palette (#FFE1DE, #CD4F00, #835000, #483100, #1B1600)
• Quiet Rose color palette (#ECDAE1, #F48290, #F24B44, #AF4800, #492A00)
• Amber Cabin color palette (#FCE3AD, #E6B55C, #C09000, #7F5E00, #1D1400)
• Faded Ember color palette (#E3F9E0, #E4E7A7, #8BDA98, #E06C4F, #413100)
• Periwinkle Station color palette (#F3D4DF, #FEAF61, #6F9FFF, #9F5D00, #0D2459)

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