Tempered Cobalt Villa color palette — #E5EEFC · #6481C0 · #313B53 · #171F2A · #090D12

Built around Slate Blue, softened by Navy — the whole palette hums with creativity and sophistication.

The five colors

• Frost (#E5EEFC): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6481C0): A luminous, balanced violet — the color of twilight just after sunset.
• Navy (#313B53): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#171F2A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#090D12): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Cobalt 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

• Hushed Periwinkle color palette (#FBEDF9, #6F98F2, #64525E, #3E343D, #242024)
• Antique Corridor color palette (#F1F0FF, #B588C6, #C8716E, #557CA4, #272534)
• Eclipse Plum color palette (#E0DBEE, #9D5895, #382946, #181223, #06060B)
• Deep Amethyst color palette (#D9E0F6, #6A3DEC, #311E4B, #080D28, #01030B)
• Hushed Veranda color palette (#E7F5F5, #9FCDD2, #568F87, #436874, #203537)
• Aged Pewter color palette (#F0F1FE, #BFA6E1, #D0876D, #7F61A3, #412739)
• Tempered Ash Pier color palette (#EBF4F3, #D3DAEE, #73A2C7, #3C7486, #26384B)
• Grape Quarry color palette (#DDDFF1, #690FC2, #240E31, #251612, #030316)

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