Amber Veranda color palette — #FFF1F0 · #FFA77A · #C08800 · #655F00 · #1D3203

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FFA77A): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#C08800): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#655F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#1D3203): 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 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

• Worn Moss color palette (#FFF3E7, #F0C156, #989100, #406E00, #00331D)
• Weathered Station color palette (#FFF1F4, #FFA9AC, #EA5F00, #784F00, #403300)
• Weathered Chapel color palette (#F4D8C7, #FCA239, #CB8A00, #8F6F02, #423F02)
• Antique Amber color palette (#F2DECF, #AF8100, #5A5B00, #123300, #000201)
• Amber Field color palette (#ECF9ED, #CBCC8F, #AC822F, #7C4930, #062723)
• Hushed Mustard Canyon color palette (#FFF0F8, #FFD496, #BEAB00, #617326, #184946)
• Dusty Moss Hollow color palette (#FDF8C4, #E3DB85, #A28F00, #564400, #121000)
• Iris Thicket color palette (#EBFAE9, #FFC073, #8A8BF0, #A36700, #232346)

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