ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

CRM Teal Pipeline

Structured CRM and sales dashboard color scheme with crisp teal data viz accents and balanced light backgrounds.

#App UI#Business#UI#Clean#Cool
Open in Generator
COLOR 1
#134E4A
Alexandrite
COLOR 2
#0D9488
Dark Cyan
COLOR 3
#2DD4BF
Turquoise
COLOR 4
#99F6E4
Pastel Turquoise
COLOR 5
#F0FDFA
Mint Cream

Color Values & Codes

HEX · RGB · HSL
rgb(19, 78, 74)hsl(176, 61%, 19%)Color details →
Dark Cyan
#0D9488
rgb(13, 148, 136)hsl(175, 84%, 32%)Color details →
Turquoise
#2DD4BF
rgb(45, 212, 191)hsl(172, 66%, 50%)Color details →
rgb(153, 246, 228)hsl(168, 84%, 78%)Color details →
Mint Cream
#F0FDFA
rgb(240, 253, 250)hsl(166, 76%, 97%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
App UI Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #134E4A;
  --color-2: #0D9488;
  --color-3: #2DD4BF;
  --color-4: #99F6E4;
  --color-5: #F0FDFA;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#134E4A on #99F6E47.52:1
Normal Text AA Pass
Sample Text
#134E4A on #F0FDFA9.09:1
Normal Text AA Pass
Sample Text
#0D9488 on #99F6E42.97:1
Large Text Only (Fail)
Sample Text
#0D9488 on #F0FDFA3.59:1
Large Text Only (Pass)
Sample Text
#2DD4BF on #99F6E41.48:1
Large Text Only (Fail)
Sample Text
#2DD4BF on #F0FDFA1.78:1
Large Text Only (Fail)

Related Palettes in App UI

Explore App UI
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#022C22Copy
#065F46Copy
#10B981Copy
#6EE7B7Copy
#ECFDF5Copy
cp-featured-11Business
Fintech Emerald Vault
BusinessLuxuryNature