Amber Villa color palette — #F9F5C1 · #BDEFB9 · #00EBD9 · #D38200 · #304000

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

The five colors

• Custard (#F9F5C1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#BDEFB9): A whisper-light, balanced green — the color of fresh herbs.
• Lagoon (#00EBD9): A whisper-light, balanced teal — the color of glacier melt.
• Mustard (#D38200): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#304000): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged pastel, light.

Use it as a design system

One click turns 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 Chapel color palette (#E4FFD2, #9FFEE4, #5BDDFE, #AF9D00, #064227)
• Misty Tangerine color palette (#FFF2E2, #E3E8A3, #87EA9E, #ED6C47, #3F3300)
• Pale Chartreuse Station color palette (#EFFCCC, #B5EDD0, #6CF78E, #979100, #222F00)
• Faded Station color palette (#E8E0AC, #ABC46C, #A89500, #986500, #053308)
• Ancient Pier color palette (#FAF6E1, #CBEBD2, #98C9D0, #CFB798, #4D4F00)
• Emerald Canyon color palette (#E1E8D0, #FFA94B, #009851, #005E30, #0D1200)
• Worn Stone color palette (#EEFAE7, #FCD6F5, #C3E8E6, #99BC95, #3E4F41)
• Aged Field color palette (#B3EED5, #97D1F2, #7DB8F2, #539E4F, #002828)

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