AI Color Palette Generator

"# Color System The brief calls for "restrained colours" and "calm, structured, premium but not luxurious." This palette is deliberately narrow — one primary hue, one secondary neutral-structural hue, one accent used sparingly, plus semantic colors reused across both UI states and the case-study status-label system rather than multiplying hues. 🔒 **FROZEN (23 Jul 2026)** — Theme is Light only for Phase 1; the open question above is resolved (see 📜 Design Decision Log). Frozen token mapping: **Background** = warm neutral (Neutral 50) · **Surface** = white, distinct from Background · **Text** = dark charcoal (Neutral 900) · **Structural** = deep slate (Primary/Ink Slate ramp) · **Accent-Text** = Copper 700 #764923 (text-safe on white) · **Accent-Fill** = Copper 500 #B8763E (fills/diagram elements) · all semantic colors below must meet WCAG AA. Exact final hex values may still be refined during the Colour Token System deliverable. ## Primary — Ink Slate Structural, technical, calm. Used for primary actions, links, and structural emphasis. | Step | Hex | | --- | --- | | 50 | #F1F4F6 | | 100 | #DEE5EA | | 200 | #BDCAD4 | | 300 | #96A9B7 | | 400 | #6E8697 | | 500 (base) | #4E6779 | | 600 | #3B5063 | | 700 | #2B3A4A | | 800 | #1D2733 | | 900 | #121A22 | | 950 | #0A0F14 | ## Secondary — Warm Graphite A warm neutral for structure and secondary UI — avoids generic cool-gray SaaS look. | Step | Hex | | --- | --- | | 50 | #F7F6F4 | | 100 | #EBE9E4 | | 200 | #D3CFC5 | | 300 | #B4AEA0 | | 400 | #8F887A | | 500 (base) | #6E675A | | 600 | #544E44 | | 700 | #4A4740 | | 800 | #332F29 | | 900 | #211E1A | | 950 | #12100D | ## Accent — Copper Used sparingly — one accent only, never as a base UI color. Reserved for the single most important element on a screen. | Step | Hex | | --- | --- | | 50 | #FBF3EA | | 100 | #F5E2CC | | 200 | #E9C295 | | 300 | #DA9F63 | | 400 | #C98A4E | | 500 (base) | #B8763E | | 600 | #985F2F | | 700 | #764923 | | 800 | #54341A | | 900 | #352010 | | 950 | #1D1108 | ## Neutral — Paper / Ink Background, surface, border, and text tokens are all *derived* from this ramp rather than being separate ramps — that's how Tailwind/shadcn-style systems actually work, and it keeps the palette genuinely restrained instead of 150+ arbitrary hex values. | Step | Hex | | --- | --- | | 50 | #FAFAF8 | | 100 | #F2F1EC | | 200 | #E2E0D8 | | 300 | #C7C4B8 | | 400 | #9C988A | | 500 | #726E60 | | 600 | #544F43 | | 700 | #3A362D | | 800 | #242119 | | 900 | #16140F | | 950 | #0C0B08 | **Derived tokens:** Background = Neutral 50 · Surface = Neutral 100 · Border = Neutral 300 · Text Primary = Neutral 900 · Text Secondary = Neutral 600 · Muted = Neutral 400 · Highlight = Accent 100. ## Semantic (UI states) Reused hues, not new ones — keeps the palette restrained. - Success: base #4A7A5C (100 #DCEAE1 / 700 #2E4E3B) - Warning: base #C08A2E (Accent-adjacent amber) - Error: base #A6503F (100 #F3DBD5 / 700 #6B2F23) - Info: Primary 500 (#4E6779) ## Status-Label System (case-study content) This is a Required Deliverable in the Frozen Brief — every case-study claim must carry one of these five labels. Distinct from the semantic UI colors above so system-message colors and content-status colors never get confused. - **Operational** — green, base #4A7A5C, bg #DCEAE1, text #2E4E3B - **In Active Development** — amber/Accent, bg #F5E2CC, text #764923 - **Planned** — quiet neutral, bg #E2E0D8, text #544F43 - **Evidence Required** — muted rust, bg #F3DBD5, text #6B2F23 - **Confidential Detail** — dark badge, bg Neutral 900 (#16140F), text Neutral 50 (#FAFAF8) — signals "hidden," not "alarming" ## Rules One primary hue. One accent, used sparingly, never as a base color. No pure #000 / #FFF — always Neutral 950 / 50. Maintain WCAG AA contrast for every text token against its paired background. ## Avoid Gradient-heavy color treatments, glassmorphism, multiple competing bright colors on one screen — all explicitly ruled out by the visual-direction brief."

". The Alabaster & Obsidian MinimalistBackground: #F9F9FB (Pure Alabaster)Surface/Cards: #FFFFFF (True White)Main Text: #111111 (Obsidian Black)Primary Button: #111111 (Obsidian Black)Button Text: #FFFFFF (True White)"

"Emo color palette style"

"Google brand color palette"

"Generate a color palette for the theme or style Frankenstein "

"Generate a color palette for the theme or style vampire "

"Generate a color palette for the theme or style vampire "

"Generate a color palette for the theme or style vamoire"

"Indie color palette "

"Jasmine Dragon, adventuring, medieval, roleplay"

"Color palette for a World of Warcraft guild called Jasmine Dragon"

"neon caramel apple mania"

"neon cherry red candy with greens for character"

"neon cherry candy for character"

"Soft, premium colors."