Tech Startup Color Psychology & Meaning
Tech Startup is the color of a pitch deck — enough purple to look innovative, enough pink to feel human, enough teal to signal growth. The visual language of venture-backed ambition.
#FFFFFF
#6C63FF
#FF6584
#43B89C
Background
Primary Accent
Secondary
Body Text
Tech Startup Color Palette
#FFFFFF · #6C63FF · #FF6584 · #43B89C
Fail
WCAG Grade
2.4:1
Contrast Ratio
3,421
Saves
9,234
AI Copies
Use #FFFFFF as the background. Use #6C63FF as the primary accent. Use #FF6584 as secondary. Use #43B89C as body text/supporting color. Palette mood: Tech Startup — cool, vibrant, calm.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Tech Startup color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 100.0% | 255, 255, 255 | 0%, 0%, 0%, 0% | 0°, 0%, 100% | ||
| Primary Accent Luminance: 19.3% | 108, 99, 255 | 58%, 61%, 0%, 0% | 243°, 100%, 69% | ||
| Secondary Luminance: 32.2% | 255, 101, 132 | 0%, 60%, 48%, 0% | 348°, 100%, 70% | ||
| Body Text Luminance: 37.9% | 67, 184, 156 | 64%, 0%, 15%, 28% | 166°, 47%, 49% |
Tech Startup Tints & Shades
Hover states, borders and elevation need lighter and darker steps of your base colors. Here are computed tints and shades for every color in the Tech Startup palette — click any swatch to copy its hex.
#FFFFFF neutral gray
#6C63FF saturated blue
#FF6584 saturated rose-red
#43B89C gently saturated teal
Tech Startup Palette Contrast Matrix (WCAG 2.1)
Every color tested as text on every other color as background. Body copy needs 4.5:1 (AA), large text and UI components 3:1. AAA requires 7:1.
| Text on Background | Preview | Ratio | Grade | Safe For |
|---|---|---|---|---|
| #6C63FF on #FFFFFF |
Aa Sample Text
| 4.32:1 | Fail | Large headings, UI components |
| #FFFFFF on #6C63FF |
Aa Sample Text
| 4.32:1 | Fail | Large headings, UI components |
| #FF6584 on #FFFFFF |
Aa Sample Text
| 2.82:1 | Fail | Decorative use only |
| #FFFFFF on #FF6584 |
Aa Sample Text
| 2.82:1 | Fail | Decorative use only |
| #43B89C on #FFFFFF |
Aa Sample Text
| 2.45:1 | Fail | Decorative use only |
| #FFFFFF on #43B89C |
Aa Sample Text
| 2.45:1 | Fail | Decorative use only |
| #43B89C on #6C63FF |
Aa Sample Text
| 1.76:1 | Fail | Decorative use only |
| #6C63FF on #43B89C |
Aa Sample Text
| 1.76:1 | Fail | Decorative use only |
| #FF6584 on #6C63FF |
Aa Sample Text
| 1.53:1 | Fail | Decorative use only |
| #6C63FF on #FF6584 |
Aa Sample Text
| 1.53:1 | Fail | Decorative use only |
| #43B89C on #FF6584 |
Aa Sample Text
| 1.15:1 | Fail | Decorative use only |
| #FF6584 on #43B89C |
Aa Sample Text
| 1.15:1 | Fail | Decorative use only |
Color Harmony: Triadic Scheme
The Tech Startup palette is built using a triadic relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
The startup aesthetic palette emerged from the first generation of consumer apps in 2010-2015. Purple-pink-teal became the de facto startup look.
Best Design Use Cases
White for all surfaces. Purple as the primary brand color. Pink for human moments. Teal for growth and success states.
Industries This Palette Suits
Tech startups, SaaS, apps, venture-backed companies.
Colors That Pair Well With Tech Startup
Need a fifth color? These three companions are computed from the palette's own hue positions on the color wheel, so they extend the scheme without breaking its harmony.
yellow
directly opposite #6C63FF on the wheel — the strongest accent for CTAs and highlights when you need maximum energy
violet
30° beside #6C63FF — a calm secondary that extends the palette without adding tension
tinted neutral
a ink-black carrying the palette's own hue — perfect for surfaces and dividers
Using Tech Startup Without Breaking Accessibility
- Use #6C63FF for buttons and links — it scores 4.3:1 against the #FFFFFF background (above the 3:1 UI-components threshold).
- Don't set body copy in #43B89C on #FFFFFF — 2.4:1 fails WCAG AA; keep it for large decorative headings only.
- Don't use #FF6584 behind body text — this light tone works better for surfaces, badges and dividers than for reading areas.
How to Implement the Tech Startup Color Scheme
To use this Tech Startup color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #FFFFFF for the main background and #6C63FF for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #43B89C and #FFFFFF is 2.45:1 (Fail). Ensure your body text remains legible.
Tech Startup Palette — Frequently Asked Questions
What are the hex codes in the Tech Startup color palette?
The Tech Startup palette contains #FFFFFF, #6C63FF, #FF6584, #43B89C. Click any swatch on this page to copy its value, or export all four at once as CSS variables, Tailwind config, SCSS or a Figma-ready list.
Is the Tech Startup color palette accessible (WCAG)?
Yes for its strongest pairings: #6C63FF on #FFFFFF reaches 4.3:1 (Fail). For body text always keep a 4.5:1 ratio and for large UI elements 3:1 — the full contrast matrix above shows the exact score for every color-on-color combination in this palette.
What colors go well with the Tech Startup palette?
Beyond its own four colors, #F7FF61, #B769F7, #151414 extend it naturally: the complementary hue for high-energy accents, an analogous neighbor for calm transitions, and a tinted neutral for surfaces. All three are computed from this palette's hues on the color wheel.
What mood does the Tech Startup palette create?
Tech Startup reads as cool, vibrant, calm. Saturated blue drives the personality, grounded by neutral gray — a combination that works best when the very light base gets most of the canvas.
Can I use the Tech Startup color palette commercially?
Yes. Individual color values can't be copyrighted, so the Tech Startup palette is free for personal, client and commercial work — websites, branding, apps, print and social content, with no attribution required.
How do I add the Tech Startup palette to Tailwind or CSS?
Use the export panel on this page: CSS variables, a Tailwind config block, SCSS variables, or a Figma copy list are generated from Tech Startup's exact values, including the tint and shade ramps shown above.