Tempered Villa color palette — #F3E7EF · #478581 · #00444E · #00210D · #000103

Built around Fern, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Blush (#F3E7EF): a clean, paper-quiet neutral.
• Fern (#478581): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00444E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00210D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000103): a grounded near-black with real depth.

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

• Worn Navy color palette (#FCEBF1, #537E9A, #003582, #001F21, #01000A)
• Timeworn Boulevard color palette (#CCEFF8, #4D8FAD, #4A5BB3, #00371E, #000304)
• Velvet Pier color palette (#E0F0F3, #006871, #003034, #13151B, #00080A)
• Weathered Hollow color palette (#EBE2DD, #5BA09C, #006372, #003E20, #000B13)
• Garnet Terrace color palette (#C7E9F1, #005854, #74010C, #002422, #050000)
• Washed Petrol color palette (#F2E4EF, #8FBBCE, #16749D, #004D3F, #001533)
• Sunlit Bloom color palette (#F4E3EA, #65A5C7, #0056A9, #00393A, #070030)
• Cerulean Quarry color palette (#F9EEF6, #9CDDE1, #0091B3, #006547, #002742)

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