Tempered Villa color palette — #F8EDDC · #FFA4C1 · #00CCC9 · #001F26 · #000405

A conversation between Aqua and Ballet Pink, giving this palette its sense of sophistication.

The five colors

• Cream (#F8EDDC): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#FFA4C1): A luminous, balanced rose — the color of strawberry cream.
• Aqua (#00CCC9): A luminous, balanced teal — the color of shallow lagoons.
• Midnight (#001F26): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000405): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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

• Washed Mint color palette (#FFDDDD, #E0AAFF, #00D0AC, #002225, #000102)
• Sky Pier color palette (#D7F8E5, #FFAC82, #22C3F7, #00212E, #000408)
• Frosted Celadon Summit color palette (#E5F859, #FFC7D2, #00E4E1, #002C35, #000A0E)
• Weathered Coral Veranda color palette (#F6EBCA, #FF7F64, #00ABCF, #000E14, #000103)
• Softworn Blush color palette (#F1EBCF, #FF6A8E, #00A99D, #082931, #0D160B)
• Turquoise Pier color palette (#D3EFD8, #A7A3FF, #00B9E5, #00475A, #07160F)
• Washed Cobalt color palette (#EFF6FE, #DCD9E3, #C9BBCD, #4379B5, #161F29)
• Quiet Lapis color palette (#FCEADD, #00AE60, #3B40EA, #0E0519, #000108)

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