Teal color palettes
Palettes built on the blue-green between ocean and forest. 76 palettes, each with HEX codes.
- Salt Flats
- Salt Morning
- Deep Library
- Pie Counter
- Glacier Lake
- Sunhat Weekend
- Launch Report
- Papaya and Lemonade
- Mist Daydream
- Summit Annual
- Verdigris and Basin
- Chrome Jukebox
- Moonpool Water
- Espresso Pour
- Evergreen Floor
- Atoll Mirror
- Ripple Haven
- Seaglass Morning
- Flow Workspace
- Shell Afternoon
- Signal and Vector
- Mint Roadmap
- Pearl Swell
- Ripple Mirror
- Linen Sanctuary
- Anchor Swell
- Pearl and Lagoon
- Quiet Sky
- Binary Runtime
- Marble Recess
- Dove and Hush
- Midnight Study
- Metric Cloud
- Popsicle Break
- Insight and Metric
- Lullaby Drift
- Sherbet Treat
- Flow Sprint
- Binary Uplink
- Macaron Cloud
- Oak Journal
- Ripple Glass
- Champagne and Blush
- Alexandrite Collection
- Stamp Show
- Granite Lake
- Product Roadmap
- Driftwood Tide
Most common colors in teal color palettes
Palettes built on the blue-green between ocean and forest. Across all 76 teal palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Cultured#F8F9FAin 12 palettes
- Dark#1B2431in 12 palettes
- Dark Grey Blue#29465Bin 9 palettes
- Midnight Green#073B4Cin 9 palettes
- Rich Black#0D1B2Ain 9 palettes
- Anti-Flash White#EDF2F4in 7 palettes
- Charcoal#264653in 7 palettes
- Rich Navy#001219in 7 palettes
- Bluegrey#85A3B2in 6 palettes
- Celeste#A8DADCin 6 palettes
- Dark Aquamarine#017371in 6 palettes
- Dark Cyan#008B8Bin 6 palettes
Teal color palette hex codes
| Palette | Hex codes |
|---|---|
| Salt Flats | #F4EDE1 #E7CFA8 #D89A6A #5E9EA0 #1F4E5F |
| Salt Morning | #010D23 #12456F #3FA7C2 #E8D9B5 |
| Deep Library | #011838 #00364B #00555E #98F8E9 |
| Pie Counter | #1F4E5F #3F8E8A #8FC1B5 #F2E3C6 |
| Glacier Lake | #001D21 #0B6E6E #E9C46A #F1FBF8 |
| Sunhat Weekend | #002A38 #006E78 #51B7AC #B7FEDF |
| Launch Report | #0B2B33 #1A8A8C #E36414 #F2FBF9 |
| Papaya and Lemonade | #002824 #5D343E #008177 #CA83B6 #F2B3A0 #DFF4F0 |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a teal color palette
- Let teal lead, covering about 60% of the design, and keep the rest for neutrals and one accent (the 60-30-10 rule).
- Use a light tint of teal for backgrounds and a deep shade for text, so the palette stays readable.
- For contrast, add a small accent from the opposite side of the color wheel: see complementary colors.
- Check every text and background pair in the contrast checker before you ship.
More about teal
- Teal color: hex code, shades and the colors that go with it.
- What colors make teal: how to mix it with paint.
- Teal gradients and the color wheel.
Frequently asked questions
What colors are in a teal color palette?
The colors used most across these teal palettes are Cultured, Dark, Dark Grey Blue, Midnight Green, Rich Black and Anti-Flash White. Palettes built on the blue-green between ocean and forest.
How many teal color palettes are there?
There are 76 curated teal palettes on this page, each with hex codes and free exports.
Can I edit a teal palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.