Sunny, playful, social, and adventurous.
Warm and cool saturated hues alternate to create movement and a clear tropical identity.
Bright · Curated palette
Tropical Bright Color Palette
A coral, orange, yellow, teal, and cyan palette for energetic summer campaigns, events, and playful product moments.
#FF4D6D#FF8C42#FFD60A#2EC4B6#00B4D8- Travel campaigns
- Summer events
- Food and beverage promotions
- Playful social assets
- Small interface text using bright fills
- Data visualizations without direct labels or patterns
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 |
|---|---|---|---|---|---|
#FF4D6D | 255, 77, 109 | oklch(67.9% 0.213 15) | 0% / 70% / 57% / 0% | CPS 02400EΔE00 3.36 | |
#FF8C42 | 255, 140, 66 | oklch(75.4% 0.164 50) | 0% / 45% / 74% / 0% | CPS 06300VΔE00 5.78 | |
#FFD60A | 255, 214, 10 | oklch(88.5% 0.181 95) | 0% / 16% / 96% / 0% | CPS 09300EΔE00 7.70 | |
#2EC4B6 | 46, 196, 182 | oklch(74.2% 0.121 185) | 77% / 0% / 7% / 23% | CPS 17400EΔE00 5.00 | |
#00B4D8 | 0, 180, 216 | oklch(71.1% 0.129 219) | 100% / 17% / 0% / 15% | CPS 12400VΔE00 2.19 |
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.
Hero accent and campaign badge
Secondary promotion
Attention surface with dark content
Fresh secondary sections
Water and travel emphasis
Context previews
Review the palette in light, dark, and mobile UI.
These previews reveal role assumptions that are invisible in a simple swatch strip.
Tropical BrightOverviewProjects
Primary metric24,680
Latest activity
Role-based color preview
ReadyDark contextDashboardSettings
Selected stateColor system
Focus and status
Check the real relationships
ActiveTropical Bright•••
Mobile previewBuild with roles
Test text, controls, and states before export.
Important foreground and background pairs.
AaDark label on coral#111827 on #FF4D6D5.52:1AA normal text
AaDark label on orange#111827 on #FF8C427.67:1AA normal text
AaDark label on yellow#111827 on #FFD60A12.57:1AA normal text
AaDark label on teal#111827 on #2EC4B68.18:1AA normal text
Accessibility notes
- A dark foreground is more dependable than white on the yellow and several bright fills.
- Use one hue as the primary action and keep the others decorative or secondary.
- Do not communicate category or status by hue alone.
Color-vision note
Coral and orange may merge, as can teal and cyan. Add labels, shape, or layout differences.
Print note
The saturated colors need printer-specific gamut review. Generic CMYK values are planning approximations only.
Related palettes
Startup Launch Color Palette
Pastel Dream Color Palette
Fintech Signal Color Palette