Tempered Villa color palette — #F7D9DC · #E071D5 · #A18000 · #006E7C · #001F42

Pink Orchid takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7D9DC): A whisper-light, dusty red — the color of embers at dusk.
• Pink Orchid (#E071D5): A luminous, vivid pink — the color of neon signs at night.
• Mustard (#A18000): A luminous, balanced green — the color of new leaves after rain.
• Teal (#006E7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001F42): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.

Use it as a design system

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

• Powdered Quarry color palette (#FAD7DD, #CD81D4, #958500, #606800, #00242B)
• Powdered Blush Quarry color palette (#FFEDE8, #FF8895, #5AA673, #00807F, #192756)
• Linen Coral Lagoon color palette (#F2DCD5, #FD6C77, #059E48, #0061B4, #001F41)
• Faded Cobalt color palette (#FFF2EF, #F2A4BA, #97A86A, #4083B3, #3B2E5D)
• Quiet Rose Workshop color palette (#FFDDD0, #F44949, #008857, #005C64, #010046)
• Frosted Crimson Study color palette (#F7E0D9, #D9415C, #3E7400, #004381, #0C001E)
• Pale Ember color palette (#F0D9E9, #D05F41, #815C00, #334B00, #00261D)
• Wandering Periwinkle color palette (#F8ECE4, #B4DFCA, #67AAEB, #00918D, #1F2958)

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