Dune
A grounded, organic palette that blends warm sandstone neutrals with the vibrant heat of a desert sunset.
Palette is generated via Tonex
:root {
--radius: 0.875rem;
--background: oklch(0.9829 0.0145 102.45);
--foreground: oklch(0.3245 0.0418 14.98);
--card: oklch(0.9829 0.0145 102.45);
--card-foreground: oklch(0.3245 0.0418 14.98);
--popover: oklch(0.9829 0.0145 102.45);
--popover-foreground: oklch(0.3245 0.0418 14.98);
--primary: oklch(0.5826 0.1999 35.92);
--primary-foreground: oklch(1 0 0);
--secondary: oklch(0.7721 0.1289 36.83);
--secondary-foreground: oklch(0.3223 0.0983 36.87);
--muted: oklch(0.9323 0.0143 343.22);
--muted-foreground: oklch(0.49 0.0454 13);
--accent: oklch(0.9323 0.0143 343.22);
--accent-foreground: oklch(0.3245 0.0418 14.98);
--destructive: oklch(0.5094 0.1975 26.76);
--border: oklch(0.7667 0.0207 357.79);
--input: oklch(0.7667 0.0207 357.79);
--ring: oklch(0.504 0.1728 35.95);
--sidebar: oklch(0.9671 0.0133 333.04);
--sidebar-foreground: oklch(0.49 0.0454 13);
--sidebar-primary: oklch(0.504 0.1728 35.95);
--sidebar-primary-foreground: oklch(0.9818 0.009 34.3);
--sidebar-accent: oklch(0.9323 0.0143 343.22);
--sidebar-accent-foreground: oklch(0.3245 0.0418 14.98);
--sidebar-border: oklch(0.7667 0.0207 357.79);
--sidebar-ring: oklch(0.504 0.1728 35.95);
--chart-1: oklch(0.6533 0.2138 36.34);
--chart-2: oklch(0.6169 0.2093 36);
--chart-3: oklch(0.5791 0.198 36.07);
--chart-4: oklch(0.5401 0.1846 36.1);
--chart-5: oklch(0.5022 0.1718 36.04);
}
.dark {
--background: oklch(0.166 0.0105 326.04);
--foreground: oklch(0.9221 0.0051 325.62);
--card: oklch(0.2184 0.0211 322.62);
--card-foreground: oklch(0.9221 0.0051 325.62);
--popover: oklch(0.2184 0.0211 322.62);
--popover-foreground: oklch(0.9221 0.0051 325.62);
--primary: oklch(0.7173 0.1802 37);
--primary-foreground: oklch(0.2539 0.0869 36.05);
--secondary: oklch(0.3223 0.0983 36.87);
--secondary-foreground: oklch(0.7709 0.1278 36.98);
--muted: oklch(0.2711 0.0238 320.12);
--muted-foreground: oklch(0.7422 0.0174 322.72);
--accent: oklch(0.297 0.0255 320.66);
--accent-foreground: oklch(0.9221 0.0051 325.62);
--destructive: oklch(0.7187 0.1753 26.43);
--border: oklch(0.4052 0.0286 323.84);
--input: oklch(0.4052 0.0286 323.84);
--ring: oklch(0.7173 0.1802 37);
--sidebar: oklch(0.1906 0.0127 326.06);
--sidebar-foreground: oklch(0.7422 0.0174 322.72);
--sidebar-primary: oklch(0.7173 0.1802 37);
--sidebar-primary-foreground: oklch(0.2539 0.0869 36.05);
--sidebar-accent: oklch(0.2711 0.0238 320.12);
--sidebar-accent-foreground: oklch(0.9221 0.0051 325.62);
--sidebar-border: oklch(0.4052 0.0286 323.84);
--sidebar-ring: oklch(0.7173 0.1802 37);
--chart-1: oklch(0.6791 0.2129 36.67);
--chart-2: oklch(0.6409 0.2125 36.11);
--chart-3: oklch(0.6036 0.2063 36.1);
--chart-4: oklch(0.5651 0.193 36.13);
--chart-5: oklch(0.5276 0.1804 36.08);
}