Tempered Villa color palette — #F1F9E4 · #8ABEE9 · #006EC9 · #00516E · #0F2F69

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F9E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#8ABEE9): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006EC9): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#00516E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#0F2F69): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Petrol color palette (#F4F7E5, #76C5D9, #007A98, #00555A, #00384E)
• Patina Sapphire color palette (#FFEFE0, #90C1E9, #436BCE, #005059, #1C004F)
• Pale Denim Bloom color palette (#EAF0E2, #80A2C6, #24559D, #003A54, #09184E)
• Chalky Studio color palette (#E6FAF9, #B9DFFF, #66AEFF, #0090C0, #092E6E)
• Frosted Delta color palette (#FFF1F6, #A1D1F7, #5A86EE, #00717C, #31236C)
• Cerulean Market color palette (#EFF2E1, #379FB1, #005265, #003031, #001721)
• Antique Workshop color palette (#F6E9FF, #9938CD, #BB0038, #00568A, #340C49)
• Orchid Boulevard color palette (#EBDDFF, #A450F3, #007F8B, #6A00AD, #00353B)

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