Amber Veranda color palette — #FDD0DF · #B0862D · #814D00 · #622900 · #312900

Mustard and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FDD0DF): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#B0862D): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#814D00): A full-bodied, balanced gold — the color of old brass.
• Rust (#622900): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#312900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

One click turns Amber Veranda 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

• Patina Workshop color palette (#C7E8CE, #9E8F2B, #745600, #573200, #282C00)
• Weathered Amber Orchard color palette (#FBD5E2, #A88B00, #824C00, #690800, #0F1500)
• Weathered Bronze Atelier color palette (#FEE2EC, #936F33, #663900, #461800, #1C1500)
• Weathered Lantern color palette (#FADFEC, #B38997, #8B5431, #6E2D1E, #1D3722)
• Wandering Mustard color palette (#FFD6AC, #EAAC00, #CF7F00, #A25C34, #312900)
• Terracotta Orchard color palette (#F3D9BF, #BEA342, #AA6500, #922618, #242E00)
• Hushed Bronze color palette (#EDF9EC, #93AF9B, #8D6C3E, #704627, #294437)
• Cellar Fern color palette (#D6F4DE, #635B00, #372A00, #1B0D00, #030400)

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