Amber Veranda color palette — #FFF1F1 · #FFC4C3 · #EEA587 · #BA7F38 · #4E4A43

A conversation between Mustard and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFC4C3): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#EEA587): A luminous, balanced orange — the color of toasted spice.
• Mustard (#BA7F38): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#4E4A43): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Aged Coral color palette (#FFF1F3, #F5C5E2, #EC9AAD, #D17A6A, #544E48)
• Hushed Balcony color palette (#FFF3E7, #FBD9B9, #DBAC7C, #B17941, #4D3111)
• Dusty Bronze color palette (#FFEFFF, #F5B8B0, #D58C6C, #A66539, #65434F)
• Softworn Moss Coast color palette (#FFF2EA, #F3C9A6, #D2B066, #8F9E52, #4F5048)
• Tempered Apricot color palette (#FFF2EA, #FEC7AB, #8FD1F3, #E78F5F, #305647)
• Worn Grove color palette (#FFE8EA, #FFA382, #E78400, #9B7800, #3E4300)
• Misty Amber color palette (#FBE8DE, #CD8400, #887500, #506200, #022703)
• Aged Periwinkle color palette (#FFF3E7, #F0BB8B, #74CAF1, #7BA4E6, #47413C)

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