Tempered Villa color palette — #FBF4EE · #C1F0F2 · #7C9CC3 · #5A775B · #614A5A

A conversation between Blue Fog and Pewter, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Frost (#C1F0F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7C9CC3): A luminous, dusty blue — the color of deep harbor water.
• Pewter (#5A775B): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#614A5A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, 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

• Aged Studio color palette (#FDF3EB, #B9E3FF, #668BC5, #2C6D72, #573F4E)
• Softworn Thicket color palette (#FCF3EF, #C6EEE5, #7AA48E, #477B65, #335149)
• Worn Boulevard color palette (#FFF1F7, #9F86DE, #8D8F42, #62805E, #4F3C45)
• Antique Lagoon Canyon color palette (#FBF2F6, #D9D4E4, #9BB2D9, #54948B, #4A516C)
• Driftwood Quarry color palette (#FFF1F7, #E5D8D3, #B1BFA1, #9C7F9A, #5E4E51)
• Weathered Powder color palette (#FEF0FF, #A5B5FF, #8E7FC1, #70577E, #634349)
• Hushed Lilac color palette (#FFF1F7, #B7A0F0, #94A064, #77699B, #4F4D46)
• Hushed Cobalt color palette (#FFF2EB, #A7D1B7, #3080AF, #006155, #4B2F4A)

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