status-from-accent
Status Colors from Accent
Generate a complete set of status/feedback colors (success, warning, danger, info) that are mathematically related to your brand color using square harmony.
When to Use
- "Create status colors that match my brand"
- "I need success, warning, error colors"
- "Generate feedback colors from my accent"
- "Make danger/success colors that feel on-brand"
Installation
npx @basiclines/rampa
The Square Harmony Approach
More from basiclines/rampa-studio
rampa-colors
Generate mathematically accurate color palettes using OKLCH color space. Use when creating design systems, color ramps, accessible palettes, CSS variables for themes, or when user asks about color generation.
37accessible-contrast
Generate color ramps designed for WCAG-compliant contrast pairing. Creates 11-step scales with predictable foreground/background combinations.
36theme-foundation
Create a complete theme foundation with accent, secondary, and neutral color ramps from a single brand color. Use when building light/dark mode themes or starting a new design system.
33data-viz-palette
Generate distinct, accessible colors for charts, graphs, and data visualizations. Uses color harmonies for maximum perceptual distinction.
31tinted-neutrals
Generate neutral gray palettes with subtle brand color tinting. Use when you want grays that feel connected to your brand rather than pure neutral grays.
28brand-expansion
Expand a single brand color into a complete multi-hue color system using harmonies. Creates primary, analogous, complementary, and split-complementary ramps.
27