rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-06-11 09:51:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(colors): add mauve, olive, mist, and taupe color palettes (#10049)

Browse Source 
* fix:Nuqs adapter scope, select color-format component and color copy-to-clipboard

* chore: remove changeset

* feat(colors): add mauve, olive, mist, and taupe color palettes

---------

Co-authored-by: shadcn <m@shadcn.com>
This commit is contained in:
atyb a.
2026-03-16 10:06:19 +05:30
committed by GitHub
parent 7ffefce9e0
commit 4809da6f9c
1 changed files with 316 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

316
apps/v4/registry/_legacy-colors.ts
View File

@@ -409,6 +409,322 @@ export const colors = {
oklch: "oklch(0.13,0.03,262)",
},
],
mauve: [
{
scale: 50,
hex: "#fafafb",
rgb: "rgb(250,250,251)",
hsl: "hsl(272.4,15%,98.2%)",
oklch: "oklch(0.98,0.00,310)",
},
{
scale: 100,
hex: "#f4f2f6",
rgb: "rgb(244,242,246)",
hsl: "hsl(272.4,16.1%,95.8%)",
oklch: "oklch(0.96,0.01,310)",
},
{
scale: 200,
hex: "#e5e1e8",
rgb: "rgb(229,225,232)",
hsl: "hsl(272.5,13%,89.6%)",
oklch: "oklch(0.92,0.01,310)",
},
{
scale: 300,
hex: "#d0c9d5",
rgb: "rgb(208,201,213)",
hsl: "hsl(272.6,12.6%,81.2%)",
oklch: "oklch(0.84,0.02,310)",
},
{
scale: 400,
hex: "#a69bae",
rgb: "rgb(166,155,174)",
hsl: "hsl(272.9,10.6%,64.6%)",
oklch: "oklch(0.70,0.03,310)",
},
{
scale: 500,
hex: "#81758b",
rgb: "rgb(129,117,139)",
hsl: "hsl(273.2,8.6%,50.1%)",
oklch: "oklch(0.58,0.04,310)",
},
{
scale: 600,
hex: "#675d70",
rgb: "rgb(103,93,112)",
hsl: "hsl(273.2,9.2%,40.2%)",
oklch: "oklch(0.49,0.03,310)",
},
{
scale: 700,
hex: "#524959",
rgb: "rgb(82,73,89)",
hsl: "hsl(273.3,9.7%,31.7%)",
oklch: "oklch(0.42,0.03,310)",
},
{
scale: 800,
hex: "#3d3642",
rgb: "rgb(61,54,66)",
hsl: "hsl(273.3,10.2%,23.6%)",
oklch: "oklch(0.34,0.02,310)",
},
{
scale: 900,
hex: "#2a252e",
rgb: "rgb(42,37,46)",
hsl: "hsl(273.3,10.9%,16.4%)",
oklch: "oklch(0.28,0.02,310)",
},
{
scale: 950,
hex: "#161218",
rgb: "rgb(22,18,24)",
hsl: "hsl(273.3,14.1%,8.3%)",
oklch: "oklch(0.19,0.01,310)",
},
],
olive: [
{
scale: 50,
hex: "#f9faf9",
rgb: "rgb(249,250,249)",
hsl: "hsl(136.8,13.4%,97.9%)",
oklch: "oklch(0.98,0.00,155)",
},
{
scale: 100,
hex: "#f1f4f2",
rgb: "rgb(241,244,242)",
hsl: "hsl(136.9,14.2%,95.2%)",
oklch: "oklch(0.96,0.01,155)",
},
{
scale: 200,
hex: "#dee5e0",
rgb: "rgb(222,229,224)",
hsl: "hsl(137,10.6%,88.5%)",
oklch: "oklch(0.92,0.01,155)",
},
{
scale: 300,
hex: "#c4cfc8",
rgb: "rgb(196,207,200)",
hsl: "hsl(137.2,10.3%,79.2%)",
oklch: "oklch(0.84,0.02,155)",
},
{
scale: 400,
hex: "#94a599",
rgb: "rgb(148,165,153)",
hsl: "hsl(137.8,8.7%,61.4%)",
oklch: "oklch(0.70,0.03,155)",
},
{
scale: 500,
hex: "#6c8072",
rgb: "rgb(108,128,114)",
hsl: "hsl(138.4,8.6%,46.3%)",
oklch: "oklch(0.58,0.03,155)",
},
{
scale: 600,
hex: "#56675b",
rgb: "rgb(86,103,91)",
hsl: "hsl(138.4,9.1%,37%)",
oklch: "oklch(0.49,0.03,155)",
},
{
scale: 700,
hex: "#435147",
rgb: "rgb(67,81,71)",
hsl: "hsl(138.4,9.5%,29.1%)",
oklch: "oklch(0.42,0.02,155)",
},
{
scale: 800,
hex: "#313c35",
rgb: "rgb(49,60,53)",
hsl: "hsl(138.4,10.2%,21.5%)",
oklch: "oklch(0.34,0.02,155)",
},
{
scale: 900,
hex: "#222a24",
rgb: "rgb(34,42,36)",
hsl: "hsl(138.5,11.2%,14.8%)",
oklch: "oklch(0.28,0.02,155)",
},
{
scale: 950,
hex: "#101512",
rgb: "rgb(16,21,18)",
hsl: "hsl(138.4,14.2%,7.3%)",
oklch: "oklch(0.19,0.01,155)",
},
],
mist: [
{
scale: 50,
hex: "#f9fafb",
rgb: "rgb(249,250,251)",
hsl: "hsl(189.3,20.3%,97.9%)",
oklch: "oklch(0.98,0.00,210)",
},
{
scale: 100,
hex: "#f0f4f5",
rgb: "rgb(240,244,245)",
hsl: "hsl(189.4,21.6%,95.1%)",
oklch: "oklch(0.96,0.01,210)",
},
{
scale: 200,
hex: "#dce5e6",
rgb: "rgb(220,229,230)",
hsl: "hsl(189.4,16.2%,88.4%)",
oklch: "oklch(0.92,0.01,210)",
},
{
scale: 300,
hex: "#c1cfd2",
rgb: "rgb(193,207,210)",
hsl: "hsl(189.4,15.8%,79%)",
oklch: "oklch(0.84,0.02,210)",
},
{
scale: 400,
hex: "#8da5a9",
rgb: "rgb(141,165,169)",
hsl: "hsl(189.3,14%,60.9%)",
oklch: "oklch(0.70,0.03,210)",
},
{
scale: 500,
hex: "#648085",
rgb: "rgb(100,128,133)",
hsl: "hsl(189.3,14.2%,45.7%)",
oklch: "oklch(0.58,0.03,210)",
},
{
scale: 600,
hex: "#4f676b",
rgb: "rgb(79,103,107)",
hsl: "hsl(189.3,15.1%,36.5%)",
oklch: "oklch(0.49,0.03,210)",
},
{
scale: 700,
hex: "#3d5155",
rgb: "rgb(61,81,85)",
hsl: "hsl(189.3,15.9%,28.6%)",
oklch: "oklch(0.42,0.03,210)",
},
{
scale: 800,
hex: "#2d3c3f",
rgb: "rgb(45,60,63)",
hsl: "hsl(189.3,17.2%,21.2%)",
oklch: "oklch(0.34,0.02,210)",
},
{
scale: 900,
hex: "#1e2a2c",
rgb: "rgb(30,42,44)",
hsl: "hsl(189.3,19.2%,14.6%)",
oklch: "oklch(0.28,0.02,210)",
},
{
scale: 950,
hex: "#0e1517",
rgb: "rgb(14,21,23)",
hsl: "hsl(189.3,25.3%,7.1%)",
oklch: "oklch(0.19,0.01,210)",
},
],
taupe: [
{
scale: 50,
hex: "#fbfaf9",
rgb: "rgb(251,250,249)",
hsl: "hsl(34,21.3%,97.9%)",
oklch: "oklch(0.98,0.00,75)",
},
{
scale: 100,
hex: "#f5f3f0",
rgb: "rgb(245,243,240)",
hsl: "hsl(34,22.7%,95.1%)",
oklch: "oklch(0.96,0.01,75)",
},
{
scale: 200,
hex: "#e7e2dc",
rgb: "rgb(231,226,220)",
hsl: "hsl(34.1,18.7%,88.4%)",
oklch: "oklch(0.92,0.01,75)",
},
{
scale: 300,
hex: "#d3cbc0",
rgb: "rgb(211,203,192)",
hsl: "hsl(34.1,18.3%,79%)",
oklch: "oklch(0.84,0.02,75)",
},
{
scale: 400,
hex: "#aa9e8d",
rgb: "rgb(170,158,141)",
hsl: "hsl(34.2,14.8%,61.1%)",
oklch: "oklch(0.70,0.03,75)",
},
{
scale: 500,
hex: "#867865",
rgb: "rgb(134,120,101)",
hsl: "hsl(34.3,14.1%,46.1%)",
oklch: "oklch(0.58,0.03,75)",
},
{
scale: 600,
hex: "#6c6050",
rgb: "rgb(108,96,80)",
hsl: "hsl(34.3,14.9%,36.8%)",
oklch: "oklch(0.49,0.03,75)",
},
{
scale: 700,
hex: "#554b3e",
rgb: "rgb(85,75,62)",
hsl: "hsl(34.3,15.7%,28.9%)",
oklch: "oklch(0.42,0.03,75)",
},
{
scale: 800,
hex: "#40382d",
rgb: "rgb(64,56,45)",
hsl: "hsl(34.3,17%,21.4%)",
oklch: "oklch(0.34,0.02,75)",
},
{
scale: 900,
hex: "#2c271f",
rgb: "rgb(44,39,31)",
hsl: "hsl(34.3,17.7%,14.8%)",
oklch: "oklch(0.28,0.02,75)",
},
{
scale: 950,
hex: "#17130e",
rgb: "rgb(23,19,14)",
hsl: "hsl(34.4,24.8%,7.2%)",
oklch: "oklch(0.19,0.01,75)",
},
],
red: [
{
scale: 50,