A sophisticated palette that exudes luxury through deep, rich tones balanced with subtle highlights. The primary deep plum anchors the design with an air of exclusivity, while carefully calibrated neutral backgrounds create a sense of refined space. Nuanced undertones shift slightly as users interact with elements, creating a tactile-like experience that rewards attention to detail. The palette maintains a restrained elegance throughout, with just enough contrast to feel premium without ostentation.
Global Foundation
Core colors that establish the theme's overall visual foundation
background
oklch(0.98 0.01 300)
foreground
oklch(0.25 0.02 300)
muted
oklch(0.95 0.02 300)
muted-foreground
oklch(0.5 0.04 300)
border
oklch(0.9 0.02 300)
Content Containers
Colors for cards, popovers, modals, and other content containers
card
oklch(0.99 0.005 300)
card-foreground
oklch(0.25 0.02 300)
popover
oklch(0.98 0.01 300)
popover-foreground
oklch(0.25 0.02 300)
Interactive Elements
Colors for buttons, controls, and other interactive components
primary
oklch(0.45 0.15 320)
primary-foreground
oklch(0.98 0.005 320)
secondary
oklch(0.96 0.03 300)
secondary-foreground
oklch(0.3 0.05 320)
accent
oklch(0.9 0.04 320)
accent-foreground
oklch(0.3 0.05 320)
destructive
oklch(0.65 0.18 30)
Form Controls
Colors for form elements, inputs, and interactive controls
input
oklch(0.85 0.03 300)
ring
oklch(0.45 0.1 320)
Navigation & Layout
Colors specific to navigation components like sidebars and menus
sidebar
oklch(0.95 0.02 300)
sidebar-ring
oklch(0.45 0.1 320)
sidebar-accent
oklch(0.9 0.04 320)
sidebar-border
oklch(0.85 0.03 300)
sidebar-primary
oklch(0.45 0.15 320)
sidebar-foreground
oklch(0.3 0.05 320)
sidebar-accent-foreground
oklch(0.3 0.05 320)
sidebar-primary-foreground
oklch(0.98 0.005 320)
Data Visualization
Color series designed for charts, graphs, and data representation
