Tempered Villa color palette — #DAE8EF · #889E00 · #0C7CF6 · #2E0C1A · #100411

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

The five colors

• Frost (#DAE8EF): bright and airy, almost weightless.
• Olive Leaf (#889E00): A luminous, balanced green — the color of new leaves after rain.
• Azure (#0C7CF6): A luminous, vivid blue — the color of a favorite pair of jeans.
• Ink (#2E0C1A): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#100411): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.

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

• Timeworn Canyon color palette (#CBF2F2, #CB9B27, #0072C7, #23152B, #0E040F)
• Muted Amethyst Terrace color palette (#DDF3FF, #B2A627, #6F48EB, #2F0C11, #12030C)
• Weathered Studio color palette (#CDF3E6, #D37800, #0090A8, #0A151F, #010703)
• Softworn Orchid Meadow color palette (#D5ECFF, #A3CF2D, #A75AEC, #4C1826, #290E19)
• Hushed Pier color palette (#DCECF7, #2DC161, #9F00E5, #270705, #0C0104)
• Dusty Plum Veranda color palette (#D6E6F1, #008395, #B2006F, #190505, #070000)
• Softworn Sunflower Boulevard color palette (#CAE8F4, #CDCC00, #A1A8FF, #4A3033, #292327)
• Tempered Peony color palette (#EDEEFF, #00B6E0, #FD21A3, #371A04, #1B0F0E)

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