From 2532f69e74dbe6bee505fe5e50e97ccd8f1832bc Mon Sep 17 00:00:00 2001 From: chris Date: Tue, 1 Jul 2025 21:27:20 -0400 Subject: [PATCH] added all colors but pearl --- colors.json | 46 +++++++++--------- list.txt | 132 ++++++++++++++++++++++------------------------------ style.css | 4 +- 3 files changed, 80 insertions(+), 102 deletions(-) diff --git a/colors.json b/colors.json index 42813a6..708cd9e 100644 --- a/colors.json +++ b/colors.json @@ -1,6 +1,6 @@ [ { - "family": "Reds and Oranges", + "family": "Reds & Oranges", "colors": [ { "name": "Red", "hex": "#ef2a2f" }, { "name": "Maroon", "hex": "#80011f" }, @@ -11,9 +11,8 @@ { "name": "Terra Cotta", "hex": "#934c34" } ] }, - { - "family": "Yellows", + "family": "Yellows & Golds", "colors": [ { "name": "Yellow", "hex": "#f2e44b" }, { "name": "Gold", "hex": "#C39953" }, @@ -31,9 +30,9 @@ { "name": "Willow", "hex": "#4b715a" }, { "name": "Empowermint", "hex": "#759786" }, { "name": "Eucalyptus", "hex": "#a3bba1" }, - { "name": "Forest Green", "hex": "#228B22" }, { "name": "Mint Green", "hex": "#acdba7" }, - { "name": "Tropical Teal", "hex": "#0d868f" } + { "name": "Tropical Teal", "hex": "#0d868f" }, + { "name": "Seafoam", "hex": "#00c7b2" } ] }, { @@ -43,13 +42,12 @@ { "name": "Medium Blue", "hex": "#1b70bc" }, { "name": "Royal Blue", "hex": "#005ba4" }, { "name": "Navy", "hex": "#262266" }, - { "name": "Sea Glass", "hex": "#73b5c1" }, { "name": "Blue Slate", "hex": "#327295" }, { "name": "Caribbean Blue", "hex": "#0bbbb6"} ] }, { - "family": "Purples", + "family": "Purples & Lavenders", "colors": [ { "name": "Lavender", "hex": "#866c92" }, { "name": "Lilac", "hex": "#c69edb" }, @@ -58,36 +56,31 @@ ] }, { - "family": "Pinks", + "family": "Pinks & Roses", "colors": [ { "name": "Light Pink", "hex": "#FFC0CB" }, { "name": "Rose", "hex": "#e47d97" }, { "name": "Rosewood", "hex": "#ad7171" }, - { "name": "Fuchia", "hex": "#eb4799" }, + { "name": "Fuchsia", "hex": "#eb4799" }, { "name": "Peach", "hex": "#FFE5B4" }, { "name": "Melon", "hex": "#fac4bc" }, - { "name": "Rose Gold", "hex": "#c67a6d", "metallic": true, "chromeType": "rosegold" } + { "name": "Rose Gold", "hex": "#c67a6d", "metallic": true, "chromeType": "rosegold" }, + { "name": "Cayon Rose", "hex": "#ca93b3"}, + { "name": "Coral", "hex": "#bd4b3b"} ] }, { - "family": "Browns", + "family": "Browns & Neutrals", "colors": [ { "name": "Chocolate", "hex": "#D2691E" }, { "name": "Terra Cotta", "hex": "#A0522D" }, { "name": "Tan", "hex": "#D2B48C" }, { "name": "Beige", "hex": "#F5F5DC" }, - { "name": "Coffee", "hex": "#6F4E37" } - ] - }, - { - "family": "Neutrals and Mutes", - "colors": [ - { "name": "White", "hex": "#FFFFFF" }, - { "name": "Retro White", "hex": "#e8e3d9" }, + { "name": "Coffee", "hex": "#6F4E37" }, + { "name": "Classic Gold", "hex": "#dea85e"}, { "name": "Fog", "hex": "#6b9098" }, - { "name": "Black", "hex": "#000000" }, - { "name": "Gray", "hex": "#ced3d4" }, - { "name": "Smokes", "hex": "#36454F" }, + { "name": "Smoke", "hex": "#75777b" }, + { "name": "Grey", "hex": "#ced3d4" }, { "name": "Silver", "hex": "#A6A6A6" } ] }, @@ -98,7 +91,14 @@ { "name": "Baby Blue", "hex": "#89ccff" }, { "name": "Green Tea", "hex": "#b2ddc3" }, { "name": "Lilac", "hex": "#c69edb" }, - { "name": "Pastel Yellow", "hex": "#fcfd96" } + { "name": "Pastel Yellow", "hex": "#fcfd96" }, + { "name": "Retro White", "hex": "#e8e3d9"}, + { "name": "White", "hex": "#ffffff"}, + { "name": "Sand", "hex": "#e1d8c6"}, + { "name": "Stone", "hex": "#8f8d7c"}, + { "name": "Latte", "hex": "#a97d55"}, + { "name": "Pastel Dusk", "hex": "#d7c4c8"}, + { "name": "Black", "hex": "#0b0d0f"} ] }, { diff --git a/list.txt b/list.txt index da0b13f..5e6d581 100644 --- a/list.txt +++ b/list.txt @@ -1,86 +1,64 @@ -I. Whites & Neutrals - -Retro White -White -Cameo -Pearl White -Sand -Stone -Willow -Latte -Smoke -Grey -Chrome Space Grey -II. Pinks & Related Colors - -Light Pink -Blush -Rose Pink -Fuchsia -Rosewood -Cayon Rose -Coral -Pearl Pink +Retro White #e8e3d9 +White #ffffff +Cameo #e9ccc8 +Sand #e1d8c6 +Stone #8f8d7c +Willow #497259 +Latte #a97d55 +Smoke #75777b +Grey #ced3d4 +Light Pink #fcccda +Blush #ecccad +Rose Pink #d984a3 +Fuchsia #eb4799 +Rosewood #ad7271 +Cayon Rose #ca93b3 +Coral #bd4b3b Rose Gold -Chrome Rose Gold +Aloha #e45c56 +Red #ef2a2f +Maroon #80011f +Burnt Orange #9d4223 +Orange #ef6b24 +Goldenrod #f7b615 +Yellow #f5e812 +Pastel Yellow #fcfd96 +Lime Green #8fc73e +Grass Green #28b35e +Seafoam #00c7b2 +Pastel Green #acdba7 +Forest Green #218b21 +Orchid #a42487 +Sky Blue #c6e9e8 +Medium Blue #1b89e8 +Royal Blue #005eb7 +Blue Slate #327295 +Caribbean Blue #0bbbb6 +Tropical Teal #0d868f +Dark Blue #26408e +Navy #262266 +Violet #812a8c +Lavender #866c92 +Lilac #c69edb +Coffee #957461 +Classic Gold #dea85e +Fog #6b9098 +Empowermint #779786 +Ecualyptus #497259 +Pastel Dusk #d7c4c8 +black 0b0d0f + +Pearl White +Pearl Midnight Blue Pearl Fuchsia -III. Reds & Oranges - -Aloha* -Red* -Maroon* -Burnt Orange -Terra Cotta -Chrome Red -Pearl Red -Orange -IV. Yellows & Greens - -Goldenrod -Yellow -Pastel Yellow -Lime Green -Grass Green -Seafoam -Pastel Green -Pearl Green -Forest Green -Orchid -V. Blues & Purples - -Sky Blue -Medium Blue -Royal Blue -Blue Slate -Caribbean Blue -Tropical Teal -Dark Blue -Navy -Violet -Lavender -Wildberry Pearl Periwinkle Pearl Sapphire Pearl Violet Pearl Lilac Pearl Blue -Chrome Purple -VI. Browns & Metallics - -Coffee -Chrome Champange -Chrome Copper -Chrome Gold -Classic Gold -Chrome Silver +Pearl Green +Pearl Pink Pearl Fuchsia -Chrome Truffle -VII. Specialty/Unique +Pearl Red -Fog -Empowermint -Ecualyptus -Pastel Dusk -Pearl Midnight Blue -Chrome Green -Chrome Pink \ No newline at end of file +Wildberry diff --git a/style.css b/style.css index e97c020..3e4d105 100644 --- a/style.css +++ b/style.css @@ -4,7 +4,7 @@ body { box-sizing: border-box; /* font-family: sans-serif; */ font-family: "Autour One", serif; - background-color: #e8e8e8; + background-color: #c2c2c2; background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png"); /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */ } @@ -252,7 +252,7 @@ footer { /* overflow: hidden; /*Hide overflow text if necessary */ text-overflow: ellipsis; /* Add ... when text is too long */ max-width: 100%; - background-color: #e8e8e8; + /* background-color: #e8e8e8; */ z-index: 1; }