Amber Veranda color palette — #FFF1F4 · #FFAA9F · #DE7234 · #815300 · #2F2900

Built around Coral Clay, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Melon (#FFAA9F): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#DE7234): A luminous, balanced orange — the color of toasted spice.
• Coffee (#815300): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2F2900): 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

• Faded Field color palette (#FFF2EF, #FBB283, #B38100, #5C5800, #1E3800)
• Aged Station color palette (#FBDCD9, #FF9971, #EF7000, #A76200, #4F380D)
• Terracotta Terrace color palette (#FFECFB, #FFA9C8, #D25C62, #9C2E00, #492D00)
• Timeworn Bloom color palette (#FFE4E0, #C27100, #734F00, #2B2B00, #010200)
• Chalky Tangerine Corridor color palette (#FFE7E5, #E86F4A, #A14800, #653800, #2D1D00)
• Marigold Field color palette (#FFF0FE, #FFD3BA, #D79840, #826D00, #38481C)
• Worn Sky color palette (#FFF1F6, #F6AD6E, #2FB4F8, #AA5F00, #002B42)
• Powdered Amber color palette (#DFFFE2, #FBD095, #CA8119, #5E4100, #190B00)

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