Tempered Villa color palette — #DDF9F5 · #B0DFE8 · #87C3DD · #7A770E · #002829

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

The five colors

• Ivory (#DDF9F5): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#B0DFE8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#87C3DD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive Leaf (#7A770E): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#002829): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged pastel, light, muted, 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

• Emerald Lagoon color palette (#DAF9FC, #CEDBEB, #95C7F2, #6B904D, #0B3940)
• Hushed Mint Delta color palette (#E3F8E9, #ADE5EE, #66CBB1, #9B652A, #002E22)
• Softworn Loft color palette (#DBF8FF, #81E1FD, #859CFF, #007439, #001F25)
• Weathered Pine color palette (#DEFCFC, #A8E6D1, #58C2BC, #49834C, #294B4D)
• Cocoa Boulevard color palette (#D8E4D7, #7DA38A, #865A1A, #682700, #001E14)
• Weathered Mallow Lagoon color palette (#E3F5FF, #D4D4F6, #CCA2FF, #008579, #00314B)
• Wandering Quarry color palette (#CCECEC, #5EBBBA, #0097D0, #485100, #00100C)
• Dusty Lilac Veranda color palette (#D0ECFF, #B8C5F3, #BC96D2, #006969, #031538)

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