PaletteDesk
Tool

Export the color palette

Every color in the current palette - as HEX or RGB, with ready-made code for CSS, Tailwind, and JSON.

Background#FAFAF9
Surface#FFFFFF
Primary#111827
Accent#2563EB
Text#030712
Text (secondary)#57534E
CSS variables
:root {
  --color-bg: #FAFAF9;
  --color-surface: #FFFFFF;
  --color-primary: #111827;
  --color-accent: #2563EB;
  --color-text: #030712;
  --color-text-secondary: #57534E;
}
Tailwind config
module.exports = {
  theme: {
    extend: {
      colors: {
        'background': '#FAFAF9',
        'surface': '#FFFFFF',
        'primary': '#111827',
        'accent': '#2563EB',
        'text': '#030712',
        'text-secondary': '#57534E',
      },
    },
  },
}
JSON
{
  "background": "#FAFAF9",
  "surface": "#FFFFFF",
  "primary": "#111827",
  "accent": "#2563EB",
  "text": "#030712",
  "text-secondary": "#57534E"
}
Export