import matplotlib.pyplot as plt

# Define the colors by category
color_categories = {
    "Neutrals": ["Camel", "Warm Beige", "Golden Brown", "Olive", "Warm Gray"],
    "Reds/Oranges": ["Rust", "Brick Red", "Terracotta", "Tomato Red"],
    "Peach/Corals": ["Coral", "Warm Salmon", "Muted Peach-Pink"],
    "Yellows": ["Mustard", "Goldenrod", "Sunflower"],
    "Greens": ["Olive", "Moss", "Avocado"],
    "Blues": ["Teal", "Warm Navy", "Muted Turquoise"]
}

# Approximate hex values for the colors
color_hex_values = {
    "Camel": "#C19A6B",
    "Warm Beige": "#D8BFAA",
    "Golden Brown": "#996515",
    "Olive": "#808000",
    "Warm Gray": "#A89F91",
    "Rust": "#B7410E",
    "Brick Red": "#8B0000",
    "Terracotta": "#E2725B",
    "Tomato Red": "#FF6347",
    "Coral": "#FF7F50",
    "Warm Salmon": "#FF8C69",
    "Muted Peach-Pink": "#F4A89C",
    "Mustard": "#FFDB58",
    "Goldenrod": "#DAA520",
    "Sunflower": "#FFC512",
    "Moss": "#8A9A5B",
    "Avocado": "#568203",
    "Teal": "#008080",
    "Warm Navy": "#3B4D63",
    "Muted Turquoise": "#66B2B2"
}

# Plotting the palette
fig, ax = plt.subplots(figsize=(12, 10))
y_pos = 0
for category, colors in color_categories.items():
    for color in colors:
        hex_value = color_hex_values.get(color)
        ax.add_patch(plt.Rectangle((0, y_pos), 1, 1, color=hex_value))
        ax.text(1.05, y_pos + 0.5, f"{color} ({hex_value})", va='center', fontsize=10)
        y_pos += 1
    y_pos += 0.5  # Extra space between categories

ax.set_xlim(0, 3)
ax.set_ylim(0, y_pos)
ax.axis('off')
plt.title("Color Palette with Names", fontsize=14, weight='bold')
plt.tight_layout()
plt.show()

Embed on website

To embed this project on your website, copy the following code and paste it into your website's HTML: