Tempered Villa color palette — #F3F7EF · #6EC2A3 · #1A78A0 · #007155 · #162821

A conversation between Slate and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F3F7EF): bright and airy, almost weightless.
• Mint Leaf (#6EC2A3): A luminous, balanced teal — the color of sea glass.
• Slate (#1A78A0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#007155): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#162821): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, 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

• Turquoise Archive color palette (#F0F8F0, #50C2C8, #576CA8, #006D72, #2C1F2A)
• Fern Orchard color palette (#F7F5ED, #A6B86F, #008079, #586800, #1C281A)
• Teal Atelier color palette (#FFF4E2, #2EABAC, #387191, #6F3C48, #2A4433)
• Pine Study color palette (#F1F3EA, #94C192, #7767B3, #0A7A1A, #190811)
• Ancient Cypress Veranda color palette (#F2F7F1, #D3DCDA, #B3C2C2, #32837D, #424B41)
• Pale Orchard color palette (#EDF8F7, #9BD5A5, #798BCD, #189948, #1C2432)
• Dusty Navy color palette (#BFFFF5, #6CBCC4, #007F99, #005378, #093777)
• Navy Hollow color palette (#E2EBDE, #007A69, #003363, #002E27, #000206)

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