#7071CC
#00918B
#4E91D5
#4EBBDB
#008B6DTeal
#6C8B38Olive
#00CFCBTurquoise
#86D894Eucalyptus
Turquoise & Eucalyptus Dream is a vivid split color palette tagged retro, vintage, cold. A split scheme: Teal plays against Eucalyptus across roughly 97° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Teal | #008B6D | rgb(0, 139, 109) | hsl(167, 100%, 27%) | oklch(56.7% 0.111 171) | |
| Olive | #6C8B38 | rgb(108, 139, 56) | hsl(82, 43%, 38%) | oklch(59.5% 0.117 127) | |
| Turquoise | #00CFCB | rgb(0, 207, 203) | hsl(179, 100%, 41%) | oklch(77.2% 0.132 192) | |
| Eucalyptus | #86D894 | rgb(134, 216, 148) | hsl(130, 51%, 69%) | oklch(81.2% 0.125 149) |
Why it works and how to use it
It works because the lightness steps are gentle (27% to 69%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Eucalyptus (#86D894) is the lightest color, so it belongs on large surfaces.
- Text: Teal (#008B6D) on #86D894 gives 2.5:1, so pair it with a darker neutral for body copy.
- Primary: Turquoise (#00CFCB) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Olive (#6C8B38) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Turquoise & Eucalyptus Dream
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#008B6D
#6C8B38
#00CFCB
#86D894
Color-blind check: under protanopia and tritanopia, Teal and Olive become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#008B6D on #86D894 | Aa | 2.5:1 | Fail |
#6C8B38 on #86D894 | Aa | 2.28:1 | Fail |
#008B6D on #00CFCB | Aa | 2.2:1 | Fail |
#6C8B38 on #00CFCB | Aa | 2:1 | Fail |
#00CFCB on #86D894 | Aa | 1.14:1 | Fail |
#008B6D on #6C8B38 | Aa | 1.1:1 | Fail |
Similar palettes 24 more in this mood
#9AD3FF
#64E1AB
#00CBC3
#008BA3
#026579
#229393
#70BEA6
#9DC2DE
#40DADC
#00BBED
#09C393
#3A8FF6
#D8AE4F
#8E9700
#44A041
#008E71
#585881
#4F748D
#B69ED1
#8FB2F0
#A1CC93
#AAA9C7
#BA955A
#7C7A95
#00D8D0
#66B0E7
#37A4BD
#6481DC
#C898D0
#7DA693
#636144
#664C73
#3B684F
#855D7A
#B47798
#88BA9B
#5D6038
#9D7E6C
#7590C2
#82B0E6
#3B8185
#C29D9B
#57B9BF
#E5ACB2
#DA99BB
#6FBEC0
#B79281
#246D72
#0D7580
#846160
#BA8B86
#8FB5BA
#43B0A2
#A5CD98
#FFE3A2
#FFC59B
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#264653
#2A9D8F
#E76F51
#F4A261
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#A694D2
#BF768E
#6879A2
#724370
#FBF6FA
#C9B3C6
#00A44D
#1E171D
#393A3C
#00BD3A
#ACB3C1
#E8E8EA
#AA7000
#009C66
#66A019
#B9A916
#A17669
#B1809F
#BE8A57
#EEA1AD
#814160
#5C609A
#886E88
#B7ABCA