Amber Veranda color palette — #FFF2EF · #FFA270 · #CF7D2D · #885700 · #3C2A00

Mustard and Melon set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#FFA270): A luminous, balanced orange — the color of autumn markets.
• Mustard (#CF7D2D): A luminous, balanced gold — the color of old brass.
• Ochre (#885700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3C2A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance. Tagged 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

• Sunlit Bronze color palette (#FFF3E7, #EAB057, #A18300, #6C6300, #313900)
• Muted Field color palette (#FFE8E2, #DE824E, #A15600, #6A4200, #373A01)
• Weathered Ember Drift color palette (#FFF1F4, #FFB1B4, #CC6152, #98411C, #4D2103)
• Dusty Lantern color palette (#FFF1F6, #DFC396, #AF7E4E, #7D492F, #072817)
• Wandering Courtyard color palette (#F9D9CA, #DC7100, #885900, #453200, #0D0900)
• Wandering Amber color palette (#FFF4E1, #FACA79, #B48529, #5E4400, #1A0E00)
• Chalky Periwinkle color palette (#FFF1F5, #F1B06C, #5FAAFC, #A76400, #00284F)
• Wandering Bronze color palette (#F2E3D4, #A87900, #5E4A00, #2B2800, #010200)

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