Weathered Villa color palette — #F8DCD1 · #CA7D00 · #706100 · #2D4300 · #00190B

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

The five colors

• Shell Pink (#F8DCD1): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#CA7D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#706100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2D4300): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00190B): 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 Weathered 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

• Ember Thicket color palette (#F7D6D9, #E15F1F, #925700, #453B00, #131A00)
• Bronze Harbor color palette (#F3E7DB, #9D7E00, #4D6300, #003C14, #000C08)
• Marigold Study color palette (#FADDC6, #CF9400, #736300, #283100, #000500)
• Sunlit Amber color palette (#FFDEDC, #E08B24, #917D00, #406600, #001F13)
• Pale Aubergine color palette (#DEF6DD, #B86A00, #506000, #3B1B83, #1F1400)
• Pine Cabin color palette (#EDE6D4, #7D9900, #007920, #00483C, #001B1D)
• Sunlit Workshop color palette (#FFEACF, #B8AC00, #549100, #005C3A, #00322D)
• Misty Pier color palette (#FFF2E9, #DCBD7D, #9F982A, #3A7329, #004733)

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