Tempered Villa color palette — #D1E4F9 · #3886FE · #2A58F5 · #2C2DB8 · #130049
A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1E4F9): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#3886FE): A luminous, vivid blue — the color of a favorite pair of jeans.
- Royal Blue (#2A58F5): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#2C2DB8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#130049): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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
- Ancient Field color palette (#D4E1FD, #6C73FF, #604AE5, #5527AC, #1B0039)
- Powdered Ultramarine color palette (#D1F0FF, #008EDF, #2334D9, #1C0060, #070014)
- Cobalt Studio color palette (#DCEFFA, #0092D8, #0072BA, #004C98, #001033)
- Ultramarine Dune color palette (#E3EDFF, #5D81FF, #009578, #314AE1, #00140E)
- Timeworn Amethyst color palette (#D5E4FD, #8FABFF, #717DFF, #694AF0, #30186B)
- Eclipse Nightshade Ridge color palette (#D1E2F3, #004EC2, #1100A2, #10005D, #04001D)
- Feathered Pier color palette (#DEE3FF, #6369F0, #B73C91, #007483, #040027)
- Antique Cobalt color palette (#E6E7FF, #D9A0D1, #D181A9, #6576CB, #1B0C3A)
Browse the whole catalog at Explore, or see today's palette.