Tempered Villa color palette — #ECF8F5 · #F2B3A1 · #3876AD · #174C42 · #142621

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

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Melon (#F2B3A1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Slate (#3876AD): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#174C42): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#142621): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Cobalt Delta color palette (#FDF1FB, #E0C07D, #5570AB, #304167, #281E27)
• Worn Cerulean Delta color palette (#F8F3F8, #E5D8D7, #D8BDB2, #7391BE, #4D444D)
• Wandering Oat color palette (#ECF9F2, #BBE2B8, #649EB5, #436E59, #18251E)
• Lapis Study color palette (#FBE8F2, #79C991, #644FB2, #352D5A, #1E1218)
• Weathered Peony Alley color palette (#F0F7F3, #71D3F6, #C96B9D, #008EB2, #2F1F1F)
• Teal Boulevard color palette (#EDF9EB, #08B6AF, #C47B4B, #347F5A, #293727)
• Faded Raspberry color palette (#FBF1FC, #5C94D2, #C4517D, #3E7033, #342335)
• Lilac Hollow color palette (#F6F8DF, #62BCF0, #A06DBE, #467037, #4A3547)

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