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.
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
- EmeraldEmerald (#059669). A deep teal with a jewel character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.
- RubyRuby (#B91C1C). A true red with a jewel character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.
- SapphireSapphire (#1E40AF). A true blue with a jewel character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.
- AmethystAmethyst (#7E22CE). A true indigo with a jewel character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.
- TopazTopaz (#D97706). A true orange with a jewel character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.