Misty Amber Villa color palette — #F7EFE2 · #B29500 · #646300 · #3F4C00 · #1F3D00

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

The five colors

• Cream (#F7EFE2): bright and airy, almost weightless.
• Mustard (#B29500): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#646300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3F4C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Forest (#1F3D00): A deep, shadowed, balanced 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 Misty Amber Villa 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

• Misty Amber color palette (#F8E2D0, #CD9100, #787C00, #476700, #003D24)
• Amber Coast color palette (#FDDECE, #D07600, #825700, #503E00, #1F3207)
• Frosted Moss Corridor color palette (#EBEDD8, #7CA300, #2B7200, #004E2B, #003435)
• Frosted Thicket color palette (#EFE5BC, #919D22, #7B23D0, #4D5400, #3D006F)
• Worn Quarry color palette (#D4F9B2, #6DAF22, #466500, #243800, #0D1E00)
• Worn Atelier color palette (#FFF4DE, #B8B787, #86924D, #4E752B, #4D4E47)
• Misty Teal Bloom color palette (#EEFDC9, #90DE96, #00B59E, #756600, #19480B)
• Timeworn Hollow color palette (#E7F2D1, #647C00, #006AA1, #98004B, #1F2800)

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