Tempered Villa color palette — #D8FBF2 · #66BE80 · #007E62 · #654425 · #002725

Jade and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#66BE80): A luminous, balanced teal — the color of sea glass.
• Teal (#007E62): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#654425): A full-bodied, dusty gold — the color of old brass.
• Onyx (#002725): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Misty Olive color palette (#DEFAE7, #A6AF5D, #4A7B09, #594B16, #00281C)
• Jade Orchard color palette (#F8F7E1, #6EB589, #007A6D, #753F3B, #15452B)
• Hushed Jade color palette (#C0F1E4, #50AB62, #006C4E, #2F4702, #001C05)
• Frosted Thicket color palette (#D0FFE2, #00D388, #00874E, #004427, #00180A)
• Lagoon Corridor color palette (#E7F5F3, #9ACFCE, #549082, #4D6763, #223535)
• Hazy Bloom color palette (#F6F8DF, #8ECC99, #179E67, #726A3B, #1A4524)
• Indigo Lagoon color palette (#C1F4CA, #009D47, #4E69DB, #9E3E32, #001F08)
• Soft Bloom color palette (#DFFDF2, #94F0B8, #00A7A2, #855C73, #0B3821)

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