Systematically expand a core color palette for design system needs
Expand this core color palette into a complete design system palette:
**Core Colors:**
- Primary: ${{PRIMARY_COLOR}}
- Secondary: ${{SECONDARY_COLOR}}
- Accent: ${{ACCENT_COLOR}}
**Expansion Needs:**
- Number of Tints/Shades: ${{TINT_SHADE_COUNT}}
- Neutral Range Needed: ${{NEUTRAL_RANGE}}
- Semantic Colors: ${{SEMANTIC_COLORS_NEEDED}}
- Special Use Cases: ${{SPECIAL_USE_CASES}}
Please create:
1. **Primary Color Expansion**
- 50 (lightest tint)
- 100
- 200
- 300
- 400
- 500 (base)
- 600
- 700
- 800
- 900 (darkest shade)
- Color values with naming
2. **Secondary Color Expansion**
- Full tint/shade scale
- Relationship to primary
- Usage differentiation
3. **Accent Color Expansion**
- Limited scale (if needed)
- High-contrast variants
- Usage restrictions
4. **Neutral/Gray Scale**
- True neutrals
- Warm neutrals
- Cool neutrals
- 10-step scale each
- Text color recommendations
5. **Semantic Color System**
- Success: Full scale
- Warning: Full scale
- Error: Full scale
- Info: Full scale
- Background variants
- Border variants
- Text variants
6. **Interactive States**
- Default colors
- Hover variants
- Active/pressed
- Focus indicators
- Disabled states
7. **Surface Colors**
- Background levels
- Card surfaces
- Elevated surfaces
- Overlay colors
- Modal backgrounds
8. **Border Colors**
- Default borders
- Subtle borders
- Strong borders
- Focus borders
- Error borders
9. **Transparency Variants**
- Alpha values for overlays
- Shadow colors
- Scrim colors
- Glass effects
10. **Dark Mode Palette**
- Inverted scale approach
- Surface color adjustments
- Text color modifications
- Accent adjustments
- Semantic color shifts
Provide complete hex values with design token naming conventions.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{PRIMARY_COLOR][{SECONDARY_COLOR][{ACCENT_COLOR][{TINT_SHADE_COUNT][{NEUTRAL_RANGE][{SEMANTIC_COLORS_NEEDED][{SPECIAL_USE_CASES]