Theme Colors

This example demonstrates how to use coordinated color palettes to match your brand or design theme. Each theme uses carefully selected colors that work well together, creating a professional and cohesive visual appearance.

Brand Blue Theme

Professional colors conveying trust and stability, perfect for corporate and tech companies.

Brand Blue Theme

initParticleJS('#canvas', {
text: 'BRAND BLUE',
colors: ['#0066CC', '#004999', '#3385D6', '#0052A3'],
fontSize: 85
});

Use Case: Corporate websites, tech companies, professional services. This palette conveys trust, stability, and professionalism.

Sunset Theme

Warm and energetic colors that evoke emotion and creativity.

Sunset Theme

initParticleJS('#canvas', {
text: 'SUNSET GLOW',
colors: ['#FF6F61', '#FFB88C', '#FF8C42', '#DE5D83'],
fontSize: 85
});

Use Case: Creative portfolios, lifestyle brands, entertainment. Great for making a bold statement.

Forest Theme

Natural, earthy tones suggesting growth, sustainability, and harmony with nature.

Forest Theme

initParticleJS('#canvas', {
text: 'FOREST GREEN',
colors: ['#2D5016', '#4E7128', '#7A9A5A', '#A4C28E'],
fontSize: 85
});

Use Case: Environmental organizations, health & wellness, organic products.

Creating Your Own Theme

Tips for choosing theme colors:

• Color Family: Use 3-4 colors from the same color family for cohesion
• Brightness Variation: Include variations in brightness (light and dark shades)
• Background Testing: Test colors on both light and dark backgrounds
• Color Tools: Use online tools like Adobe Color or Coolors.co for palette creation
• Color Psychology: Consider color psychology and your brand identity
• Contrast: Ensure sufficient contrast for visibility

Use Cases

Theme-based color configurations are ideal for:

• Brand-specific effects matching your visual identity
• Industry-appropriate color schemes (blue for tech, green for eco, etc.)
• Seasonal or event-based themes
• Professional presentations and portfolios
• Marketing materials and landing pages

Try It Yourself

Create your own themed palette in the Interactive Playground.