Amber Veranda color palette — #EFF6FF · #94C4FF · #C37900 · #77871D · #2F1731

A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#94C4FF): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#C37900): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#77871D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2F1731): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, 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

• Frosted Amber Balcony color palette (#F1F5FF, #8EAAFF, #C89400, #8B8C00, #151E42)
• Gentle Archive color palette (#F7F3FF, #CEAFFF, #899600, #00956E, #361424)
• Quiet Ember color palette (#E7F9FF, #35D4FE, #EA512D, #C06E20, #002631)
• Patina Summit color palette (#F0F5FF, #568BFF, #AB7600, #796C00, #190318)
• Patina Rust color palette (#E5E0FF, #886ED2, #C84000, #8B5200, #1C0A3C)
• Amethyst Pier color palette (#DFDDFF, #7E4CFF, #776D00, #525B00, #02000B)
• Worn Crimson color palette (#DEEDFF, #2B7BEC, #CB2945, #2C7300, #143058)
• Airy Chartreuse color palette (#FFF5D6, #B4E276, #9C9625, #775A26, #0B3016)

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