Hazy Amber Veranda color palette — #FFDFD9 · #C87500 · #775D00 · #3B4300 · #002103

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

The five colors

• Shell Pink (#FFDFD9): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#C87500): A luminous, balanced gold — the color of old brass.
• Olive (#775D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3B4300): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#002103): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Airy Amber Atelier color palette (#F7DDC8, #AD8900, #5C6800, #00451B, #001E18)
• Washed Amber color palette (#FFE6D9, #D08600, #795E00, #323000, #020400)
• Bronze Station color palette (#F7E6D5, #A07100, #604900, #2D2700, #081804)
• Hazy Ember Courtyard color palette (#FAE2EA, #E66150, #954E00, #493500, #1B1A00)
• Worn Tangerine Delta color palette (#FFE1E1, #E87F4D, #9D7600, #455C00, #00200F)
• Quiet Aubergine Hollow color palette (#ECE3D7, #CA5B00, #5F5B00, #321393, #221200)
• Olive Corridor color palette (#E5DFCD, #737B00, #0C550A, #002C21, #000707)
• Hushed Study color palette (#F4E0CF, #C89F00, #758700, #005E1F, #00332A)

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