Hazy Amber Veranda color palette — #FFF1F5 · #D68500 · #657300 · #004B37 · #2B0005

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#D68500): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#657300): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004B37): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#2B0005): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Hazy 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 Amber color palette (#FFF1F6, #DC8000, #716F00, #004D28, #001618)
• Soft Pine Cabin color palette (#DCFFE9, #B59800, #03821F, #004949, #240900)
• Coral Canyon color palette (#FFF0FC, #FF5946, #8F6000, #394500, #240024)
• Muted Dune color palette (#FFF1F5, #D38600, #5E7600, #6F005C, #2B0100)
• Worn Boulevard color palette (#FFEAD7, #B36A00, #3B2700, #201708, #160008)
• Aged Mustard Workshop color palette (#FFE3B8, #E8AE00, #9E8100, #564B00, #252300)
• Softworn Olive color palette (#D9FCF0, #6E8600, #005B47, #002A35, #030100)
• Airy Fern Garden color palette (#F4E6CE, #896900, #255A00, #003C37, #00283B)

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