Teal, Orange, Pink
Category: Split-Complementary
HEX
#00A896
RGB
rgb(0, 168, 150)
HSL
hsl(174, 100%, 33%)
OKLCH
oklch(0.656 0.118 182)
HEX
#F0A202
RGB
rgb(240, 162, 2)
HSL
hsl(40, 98%, 47%)
OKLCH
oklch(0.770 0.162 74)
HEX
#FF66B3
RGB
rgb(255, 102, 179)
HSL
hsl(330, 100%, 70%)
OKLCH
oklch(0.724 0.201 352)
HEX
#90D8D0
RGB
rgb(144, 216, 208)
HSL
hsl(173, 48%, 71%)
OKLCH
oklch(0.833 0.073 187)
HEX
#FFDDAA
RGB
rgb(255, 221, 170)
HSL
hsl(36, 100%, 83%)
OKLCH
oklch(0.914 0.076 78)
Download Palette
PRO
Sign in to unlock exports
Try it out
Checking out this colour palette: Teal, Orange, Pink
Content Preview
Secondary Heading
This is how your body text will look. You can see how an anchor link also looks.
The purpose of this preview is to provide a realistic demonstration of the palette in a typical user interface.
This form is for demonstration purposes only and is not functional.
#00A896
#F0A202
#FF66B3
#90D8D0
#FFDDAA
Explore More
Find more inspiration in our galleries and tools.
Colour Palette Collection
Browse hundreds of curated palettes.
Gradient Collection
Explore beautiful, ready-to-use gradients.
Country Flag Palettes
Discover palettes from the flags of the world.
16-Season Color System
Find your most flattering colors.
Colour of the Year
Explore annual trending colors.
HueFinder for Photos
Generate a colour palette from any image.
PRO
HueFinder for Logos
Generate a palette based on a brand logo.
PRO
AI Skin Tone Analyzer
Get a palette based on your skin tone.
PRO
WCAG Contrast Checker
Test colour accessibility.