Fiber Discovery Studio
Experiment. Learn. Share.
About the Studio
Fiber Discovery Studio is where curiosity meets craft. We explore the art and science of knitting through communiy-driven hands-on experimentation, then use our results to create educational resources, helping makers understand not just how things work, but why.
UNIFIED FOUNDATION. THREE ACCENT COLORS BY AREA
The Foundation (60%): #39424A (Charcoal Slate) — Grounded and serious. Use for main text, primary dark sections, and heavy headers.
- The Canvas:
#F0F4F8(Glacier Tint) — Used as the structural background sections to break up pure white.
Section A: #06B6D4 (Cyber Cyan) — Cold, sharp, and highly digital.
ection B: #10B981 (Mint Emerald) — A fresh, punchy, non-earthy green that signifies growth, tools, or resources.
#8B5CF6 (Electric Violet) — A clean, futuristic purple that adds a distinct creative edge without the warmth of pink or red.
Direction 2: The "Subtle Spectrum" (Fluid & Creative)
The Foundation (60%): #39424A (Charcoal Slate) — Grounded and serious. Use for main text, primary dark sections, and heavy headers.
Background (30%): #F9FAFC (Pure Studio White)
The Spark (10%): #06B6D4 (Cyber Cyan) — Main call-to-action color.
The Soft Contrast: #94A3B8 (Slate Blue) — A lighter, dusty bridge color between your dark base and the bright cyan. Excellent for icons, borders, or secondary buttons.t.
The Twilight Accent: #475569 (Muted Indigo-Gray) — A deep, slightly purplish gray used purely for hover states on your cyan buttons, keeping the look cool and cohesive.
Direction 1: The "Polar Minimalist" (Clean & Sharp)
The Foundation (60%): #39424A (Charcoal Slate) — Grounded and serious. Use for main text, primary dark sections, and heavy headers.
Background (30%): #F0F4F8 (Glacier Tint) — A very pale, cool gray-blue background. It makes the site feel expansive and clean.
The Spark (10%): #06B6D4 (Cyber Cyan) — Your hero color. Use it strictly for critical interaction points like primary buttons or active navigation states.
The Anchor: #1A202C (Deep Onyx) — An almost-black shade used for body text or tiny utility links to give the eyes a sharp focal point.
Option 3: The "Neon Velvet" (Deep & Avant-Garde)
The Foundation (60%): #39424A (Charcoal Slate) — Grounded and serious. Use for main text, primary dark sections, and heavy headers.
Background (30%): #F8F9FA (Off-White Light)
Primary Accent (10%): #D946EF (Vibrant Fuchsia / Orchid) — Sharp, creative, and highly impactful for specific user interactions.
Secondary Accent: #64748B (Cool Slate Gray) — Used to temper the brightness of the Fuchsia.s.
Option 2: The "Editorial Minimalist" (Sophisticated & Calm)
The Foundation (60%): #39424A (Charcoal Slate) — Grounded and serious. Use for main text, primary dark sections, and heavy headers.
Background (30%): #FAFAFA (Pure Studio White)
Primary Accent (10%): #2D5A27 (Deep Sage / Spruce) — A sophisticated, deep green that brings organic creativity without looking retro.
Secondary Accent: #A3B19B (Muted Eucalyptus) — A soft, desaturated green for secondary UI elements.
Option 1: The "Digital Gallery" (High Contrast & Modern)
The Foundation (60%): #39424A (Charcoal Slate) — Grounded and serious. Use for main text, primary dark sections, and heavy headers.
Background (30%): #F3F5F7 (Crisp Ice White) — A cool, clean neutral that completely eliminates retro warmth.
Primary Accent (10%): #6366F1 (Electric Indigo) — A vibrant, highly modern blue-violet that commands attention on buttons.
Secondary Accent: #06B6D4 (Cyber Cyan) — Great for subtle borders, tag backgrounds, or hover states.
The "Creative Mind" Palette
The Foundation (60%): #39424A (Charcoal Slate) — Grounded and serious. Use for main text, primary dark sections, and heavy headers.
The Canvas (30%): #FDFBF7 (Alabaster Warmth) — A soft, warm off-white that replaces harsh digital white with a premium, editorial feel.
The Electric Accent (10%): #00A896 (Persian Teal) — The "curious" spark. An energetic, vibrant shade for primary CTAs and active states.
The Contrast Spotlight: #D46A43 (Terracotta Clay) — The creative counter-weight. Use for hover effects, secondary links, or specific visual highlights.
The "Methodical Curiosity" Palette
Primary Base (60%): #39424A (Charcoal Slate) — Perfect for deep footer backgrounds, dark mode UI, or heavy text weights.ghts
Secondary Tone (30%): #6B7A82 (Muted Steel) — A lighter, desaturated version of your base for borders, subtle card backgrounds, or disabled UI states.
Accent I (10%): #DDA75E (Warm Ochre) — The "curious" element. Use this for primary call-to-action (CTA) buttons or interactive state changes.
Accent II (Spotlight): #8C4E5B (Dusty Berry/Rose) — Use sparingly for hyperlinks or critical badges to offset the cool slate.
Background / Text: #F4F6F8 (Off-white) — Highly readable background to prevent eye strain.
CHAT GPT
#39424A BLUE CHARCOAL
#FAF8F2 SOFT IVORY
e7d9bf
WOOL CREAMY
#1E7D7B TEAL
e60088 FUCHSIA
OTHER SAMPLE COLORS
#2B3440 INK
847e68 CEMENT GRAY
d9af74 LIGHTER BRONZE
#323B46 SLATE INK
8eb4b7 SOFT TEAL
#532f16
WOOD TONE
#2D4538 DEEP FOREST
dad7d8
TULIP CARDIGAN OFF WHITE
#cbb5a8
CREAMY FROM LISA'S SWEATER
00aaac another TEAL
#00A896 ELECTRIC TEAL
#1d896d TEAL FROM BOWL
#1E7D7B TEAL