Tempered Villa color palette — #FBEFE7 · #A7D3BF · #5A7DAE · #005C51 · #1E1A3E

Slate and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFE7): bright and airy, almost weightless.
• Pistachio (#A7D3BF): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5A7DAE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C51): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#1E1A3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Timeworn Cobalt Summit color palette (#FFEEE5, #7EC9D7, #0079B2, #005439, #070E4D)
• Muted Cobalt color palette (#FBF4EA, #ABCEBD, #457EA9, #005F65, #223B5F)
• Hushed Forest Garden color palette (#F9EFED, #CFE3CD, #5099AD, #416A3D, #02352B)
• Sunlit Teal color palette (#CFF3EA, #00ACB1, #00779D, #004777, #18183F)
• Muted Periwinkle Delta color palette (#EEF8F0, #D9D6E1, #6BADE0, #007E86, #182F4B)
• Pale Bronze color palette (#D9EFE5, #369DCA, #B66328, #005D7F, #301200)
• Muted Cypress color palette (#D6FCEB, #BFD4FF, #DAA5CB, #068175, #321E32)
• Chalky Meadow color palette (#DCF2EB, #2B81C3, #A15929, #705000, #001913)

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