Tempered Villa color palette — #D4F1F8 · #007F93 · #5723FC · #006424 · #002931
Iris and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D4F1F8): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007F93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Iris (#5723FC): A full-bodied, vivid violet — the color of twilight just after sunset.
- Pine (#006424): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#002931): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged vibrant, 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
- Worn Grape Lagoon color palette (#D8E7F0, #007BA7, #7E03E3, #006247, #002839)
- Muted Ultramarine color palette (#C7F1EF, #008280, #005CCF, #425D00, #002B2A)
- Indigo Dune color palette (#D6E6FF, #496DE9, #964E8A, #00686D, #1D2B44)
- Feathered Byzantium Alley color palette (#E5EFFF, #0066EC, #A000AA, #005F5E, #0A2249)
- Frosted Violet Cabin color palette (#F2F5FF, #8974E2, #B05B7D, #007492, #31364F)
- Sunlit Field color palette (#E2E5FF, #4F0BEE, #8A0062, #004551, #0D0A31)
- Quiet Byzantium Drift color palette (#C5E8EE, #008090, #A500A0, #654F00, #001115)
- Antique Turquoise color palette (#C4F1FF, #00B1D1, #00687B, #003944, #002128)
Browse the whole catalog at Explore, or see today's palette.