Amber Veranda color palette — #CCE7C8 · #B4842D · #7F4F00 · #5B3000 · #352600

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

The five colors

• Celadon Mist (#CCE7C8): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#B4842D): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7F4F00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5B3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance, Grounding. 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

• Worn Chapel color palette (#BAEBD4, #8A9549, #615F00, #463C00, #212E00)
• Hazy Hollow color palette (#FBD0E5, #BB7E49, #8E4300, #672300, #3C2200)
• Softworn Amber color palette (#FAE6EC, #AC880B, #814E00, #5F1E00, #131300)
• Ancient Station color palette (#FFD6A6, #EEA900, #CA8300, #9C6128, #352700)
• Tempered Study color palette (#FAD7B3, #C3A03F, #A76700, #8B3102, #2A2B00)
• Wandering Balcony color palette (#EAFBEA, #8FB196, #8E6B35, #734608, #2A4434)
• Fern Studio color palette (#D4EBDB, #645A20, #362A00, #190F00, #040400)
• Pale Byzantium color palette (#FBD7FC, #9D2DA5, #913A00, #523700, #36033A)

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