Tempered Villa color palette — #EAF4F4 · #7DC5A4 · #5472B8 · #007753 · #060E1C
A conversation between Slate and Pine, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#EAF4F4): a clean, paper-quiet neutral.
- Mint Leaf (#7DC5A4): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#5472B8): A full-bodied, balanced violet — the color of wild irises.
- Pine (#007753): A full-bodied, balanced teal — the color of sea glass.
- Ink (#060E1C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Creativity, Calm, Balance. 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
- Violet Grove color palette (#EAF4F6, #5BC7C5, #905DA4, #007472, #0E0B1C)
- Dusty Olive Coast color palette (#EAF5F0, #AFBC6F, #23809D, #616C11, #00101B)
- Ancient Corridor color palette (#F3F7EE, #97D4B7, #8588CB, #00976B, #2F1D29)
- Teal Meadow color palette (#FFEBF6, #4CAEAC, #456E99, #653921, #082633)
- Navy Study color palette (#C0FDE8, #67BBB9, #2282A3, #1A4D83, #1F105E)
- Tempered Lagoon color palette (#EBF4F6, #D3D8E3, #BABCCB, #318382, #232E31)
- Patina Archive color palette (#E5F5F9, #1D9593, #624F98, #642600, #001A1D)
- Tempered Harbor color palette (#EBF3FA, #5CA8DE, #944375, #005A8A, #0A0213)
Browse the whole catalog at Explore, or see today's palette.