Salmon
Meet Salmon (#FF8C69), a color that balances warmth and vibrancy. Its unique blend of pink and orange tones creates a striking yet approachable hue, making it a memorable choice for any design palette. It's a color that commands attention without being aggressive.
What color is Salmon?
Salmon is a warm, pink-orange hue that sits between the vibrancy of orange and the softness of pink. The shade #FF8C69 is a particularly bright and cheerful version.
Its distinct reddish-pink undertones give it a gentle appearance that feels both energetic and soothing.
What does the color Salmon (#FF8C69) mean in branding and UI?
The color Salmon communicates warmth and compassion, often associated with feelings of hope and well-being. It blends the friendliness of pink with the gentle energy of orange, creating an inviting and positive impression.
Symbolically, Salmon stands for health and happiness. Its soft vitality offers a sense of optimism and renewal, making it a comforting yet invigorating choice in a visual palette.
How can I use Salmon in my UI design?
In UI design, Salmon (#FF8C69) works beautifully as an accent color. Pair it with deep charcoals, cool grays, or creamy off-whites to create a sophisticated and modern interface. For a more dynamic effect, use it against contrasting teals or navy blues, which makes buttons and interactive elements pop without causing visual fatigue.
While not ubiquitous, this warm hue is favored by innovative brands like Frame.io, Insight Timer, and HubSpot. These companies use similar coral tones to establish a welcoming and energetic presence, often in user onboarding, feature announcements, or marketing materials.
To see how Salmon works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #FF8C69 in real UI components from leading apps.
Using Salmon color codes
Using the color Salmon in your projects starts with its hex code, #FF8C69. This code is the standard for web design, but its application extends far beyond the browser when converted into other formats.
Different design mediums require different color models. For digital displays, you'll need the RGB values which define color through red, green, and blue light. For print materials, the CMYK values are essential, representing the ink combination of cyan, magenta, yellow, and black. Other models like HSL offer more intuitive ways to adjust lightness and saturation.
To make your workflow easier, we've translated the Salmon hex code #FF8C69 into a variety of common color models. You can find and copy the exact values you need for your project below.
Analogous
Analogous schemes pair Salmon with its adjacent hues on the color wheel. The result is a cohesive and tranquil look, perfect for creating calm.
Complementary
Complementary colors are opposites on the color wheel. When paired with Salmon, they create a high-contrast, vibrant look that makes designs pop.
Split Complementary
A split complementary scheme offers a vibrant yet balanced look by pairing Salmon with the two colors adjacent to its complement.
Triadic
A triadic palette pairs Salmon with two other colors, all equally spaced on the color wheel, resulting in a bold and harmonious combination.
Tetradic
A tetradic scheme for Salmon creates a rich, four-color palette by using two pairs of complementary colors from the color wheel.
Square
A square color scheme pairs Salmon with three other equidistant colors on the color wheel, creating a vibrant palette with bold, balanced contrast.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Salmon, made by adding black for increased depth and weight.
Tints
Tints are lighter variations of Salmon created by adding white, giving the color a softer quality.
Tones
Tones are subtler versions of Salmon, made by mixing in gray to reduce saturation.
Hues
Hues are variations of Salmon, sharing its base color but differing in intensity and temperature.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.






























































































































