Sun-Kissed Coral
#ea6777
Lighter, sunlit coral with softer warmth than peers
About Sun-Kissed Coral
Sun-Kissed Coral feels like the moment a fresh orange peels open, then softens in the light. It's lighter and airier than the deeper, slightly bruised Old Heart, and it's juicier than Redstone's dustier red-leaning heat. Compared to Coral Commander, it doesn't punch quite as hard in that red-orange middle, so it comes off warm, sunny, and controlled instead of eager to dominate.
I use it for dashboards and finance apps when you need emphasis that reads friendly at a glance but still shows up fast on the page. Think fintech onboarding steps, customer status chips, and key CTA highlights in media platforms for play controls or headline progression states. It's also the the one you reach for when Coral Commander feels too loud, but the muted oranges nearby would let the UI slip into the background.
Pair it with soft sand, cream, or light taupe, and give it breathing room on larger surfaces. Let it be the accent, not the flood.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.