Tempered Villa color palette — #DBF3E1 · #B98D00 · #AF1CF1 · #0F0A27 · #030209
Built around Orchid, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Honeydew (#DBF3E1): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#B98D00): A luminous, balanced gold — the color of afternoon light on wheat.
- Orchid (#AF1CF1): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#0F0A27): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#030209): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, vibrant.
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
- Violet Alley color palette (#D6E4D6, #D77A00, #7B58F2, #10062C, #020309)
- Quiet Harbor color palette (#E6ECD5, #00BBBC, #B100D7, #1B0222, #03020C)
- Peony Studio color palette (#F0EDDE, #FF7359, #F71BBE, #33182D, #140E1B)
- Chalky Ridge color palette (#D5EBF3, #00AD8E, #EB009C, #190824, #040205)
- Sapphire Station color palette (#FAE5D7, #8EB400, #0072DC, #001532, #00040E)
- Fuchsia Pier color palette (#E0ECFF, #FFAB8D, #FF77E4, #260721, #030001)
- Washed Aubergine color palette (#E0DFF2, #769C39, #540C70, #1F002D, #020107)
- Tempered Aubergine Delta color palette (#E6E2F1, #BA6CB9, #7F4300, #740077, #070003)
Browse the whole catalog at Explore, or see today's palette.