Tempered Villa color palette — #CDE6F5 · #008EAF · #2F405D · #12242E · #060F11

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDE6F5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008EAF): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2F405D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#12242E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#060F11): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Cornflower Ridge color palette (#D9E3EF, #007FED, #3B3D5A, #172330, #050F14)
• Tempered Hollow color palette (#D9EDF9, #00AAD7, #4B657A, #234051, #030F16)
• Cerulean Parlor color palette (#E9FAF0, #0098BD, #422C41, #00140A, #000200)
• Iris Archive color palette (#ECF2FF, #8894E3, #595568, #333843, #1E2226)
• Antique Cornflower color palette (#D4E6FF, #4F92FF, #A48600, #647C30, #1B2C43)
• Velvet Market color palette (#E4F0FF, #00519F, #200A37, #14121A, #000209)
• Antique Turquoise Studio color palette (#FCF1FC, #95E5E5, #4EA1BF, #467A4E, #243C57)
• Mustard Station color palette (#ECF9ED, #B0BD6C, #509161, #3F6A7C, #1F3C32)

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