Mustard Veranda color palette — #FFDFB2 · #CFAF00 · #808800 · #245000 · #002512

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

The five colors

• Peach Cream (#FFDFB2): A whisper-light, dusty gold — the color of old brass.
• Gold (#CFAF00): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#808800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#245000): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002512): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Mustard 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

• Faded Emerald color palette (#F3E1A2, #9EB700, #459200, #005C28, #002218)
• Marigold Lagoon color palette (#FFDECC, #F89D27, #936E00, #504B00, #1C2400)
• Aged Mustard color palette (#EEECD8, #B2AE00, #8B9A00, #5C7200, #1D3201)
• Soft Bronze color palette (#F8DFCB, #A88200, #4C5E00, #00410E, #00180D)
• Patina Moss color palette (#F3F0D4, #89A900, #277200, #004127, #00120D)
• Dusty Clover Chapel color palette (#CAEBB0, #60C45C, #00885C, #00554F, #002023)
• Emerald Harbor color palette (#E2FFD7, #96DC87, #309700, #0E4200, #010800)
• Emerald Market color palette (#DCE5CD, #2EA408, #006742, #002F29, #000303)

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