colors.codes
Build your own palette
Palette · 5 colors

Emerald, Ruby, Sapphire, and 2 more

A 5-color jewel palette leaning mid-tone, spanning teal, red, blue.

Edit in builder

Copy palette

CSS variables
:root {
  --c1: #059669;
  --c2: #b91c1c;
  --c3: #1e40af;
  --c4: #7e22ce;
  --c5: #d97706;
}
JSON
{
  "url": "https://colors.codes/palette/059669-b91c1c-1e40af-7e22ce-d97706",
  "colors": [
    {
      "hex": "#059669",
      "name": "Emerald",
      "mood": "Jewel"
    },
    {
      "hex": "#b91c1c",
      "name": "Ruby",
      "mood": "Jewel"
    },
    {
      "hex": "#1e40af",
      "name": "Sapphire",
      "mood": "Jewel"
    },
    {
      "hex": "#7e22ce",
      "name": "Amethyst",
      "mood": "Jewel"
    },
    {
      "hex": "#d97706",
      "name": "Topaz",
      "mood": "Jewel"
    }
  ]
}
Every color in this palette has its own page

Explore the hexes