Energetic, ambitious, expressive, and celebratory.
Five saturated hues create strong campaign rhythm, but they need a neutral foundation and disciplined role limits in product UI.
Bright · Curated palette
Startup Launch Color Palette
A high-energy launch palette combining blue, violet, coral, orange, and yellow for campaigns and product announcements.
#2563EB#7C3AED#F43F5E#F97316#FACC15- Launch pages
- Event campaigns
- Product announcements
- Social graphics
- Long-form reading without neutral surfaces
- Status systems that reuse all five hues without semantic rules
Color values
HEX, RGB, OKLCH, CPS, and CMYK planning values.
CMYK values are generic planning approximations. Final print output requires a target ICC profile and physical proof.
| Color | HEX | RGB | OKLCH | CMYK approximation | Nearest CPS |
|---|---|---|---|---|---|
#2563EB | 37, 99, 235 | oklch(54.6% 0.215 263) | 84% / 58% / 0% / 8% | CPS 23500EΔE00 2.17 | |
#7C3AED | 124, 58, 237 | oklch(54.1% 0.247 293) | 48% / 76% / 0% / 7% | CPS 25600EΔE00 5.54 | |
#F43F5E | 244, 63, 94 | oklch(64.5% 0.215 16) | 0% / 74% / 61% / 4% | CPS 02400EΔE00 6.27 | |
#F97316 | 249, 115, 22 | oklch(70.5% 0.187 48) | 0% / 54% / 91% / 2% | CPS 06400VΔE00 1.95 | |
#FACC15 | 250, 204, 21 | oklch(86.1% 0.173 92) | 0% / 18% / 92% / 2% | CPS 09300EΔE00 5.69 |
Semantic role mapping
Give every color a stable job.
This role map is a practical starting point. Validate it against the real components, text sizes, and interaction states in your product.
Main CTA and links
Illustration and secondary campaign blocks
Badges and urgency accents
Secondary graphic emphasis
Highlight background with dark text
Context previews
Review the palette in light, dark, and mobile UI.
These previews reveal role assumptions that are invisible in a simple swatch strip.
Startup LaunchOverviewProjects
Primary metric24,680
Latest activity
Role-based color preview
ReadyDark contextDashboardSettings
Selected stateColor system
Focus and status
Check the real relationships
ActiveStartup Launch•••
Mobile previewBuild with roles
Test text, controls, and states before export.
Important foreground and background pairs.
AaLight label on blue CTA#FFFFFF on #2563EB5.17:1AA normal text
AaLight label on violet#FFFFFF on #7C3AED5.70:1AA normal text
AaDark label on orange#111827 on #F973166.33:1AA normal text
AaDark label on yellow#111827 on #FACC1511.58:1AA normal text
Accessibility notes
- Use white or dark labels based on each fill rather than one universal foreground.
- Reserve coral, orange, and yellow for distinct purposes.
- Add neutral backgrounds and dark text for content-heavy sections.
Color-vision note
Several warm hues can become difficult to distinguish. Use labels, layout, and iconography for campaign categories or states.
Print note
Bright RGB colors may shift in print. Use a profile-specific proof and treat generic CMYK values as planning approximations.
Related palettes
Tropical Bright Color Palette
Obsidian Product Dark Color Palette
Modern Tech Color Palette