Amber Veranda color palette — #FFF1F1 · #FFD3C6 · #D7853A · #925E00 · #493D0D

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFD3C6): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D7853A): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#925E00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#493D0D): 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 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

• Pale Apricot color palette (#FFE0DD, #EE8B65, #AC601A, #795412, #4B4841)
• Feathered Mustard color palette (#FFF0F8, #FFD9B1, #C7A533, #797800, #364411)
• Aged Chestnut color palette (#FFF1F6, #CAE5CF, #C39369, #985745, #1F382C)
• Velvet Loft color palette (#F6D9C1, #966F00, #4A4000, #121500, #000200)
• Hazy Marigold Corridor color palette (#FFF0EC, #FEA244, #AC7D00, #635200, #2B2D00)
• Washed Field color palette (#EDDAD6, #C75F00, #6C3E00, #312400, #010100)
• Amber Basin color palette (#E2FEE5, #CDDEC3, #C0963E, #7C5800, #2B1C00)
• Dusty Orchard color palette (#F6F3FF, #FFC1DD, #E07888, #B74F41, #5C301F)

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