ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Biotech Genomics Helix

Precision biotechnology palette combining CRISPR teal with cellular green and sterile laboratory white.

#Tech#Fresh#Modern#Clean
Open in Generator
COLOR 1
#0F766E
Lagoon
COLOR 2
#14B8A6
Teal 500
COLOR 3
#2DD4BF
Turquoise
COLOR 4
#A7F3D0
Pastel Mint
COLOR 5
#F0FDFA
Mint Cream

Color Values & Codes

HEX · RGB · HSL
Lagoon
#0F766E
rgb(15, 118, 110)hsl(175, 77%, 26%)Color details →
Teal 500
#14B8A6
rgb(20, 184, 166)hsl(173, 80%, 40%)Color details →
Turquoise
#2DD4BF
rgb(45, 212, 191)hsl(172, 66%, 50%)Color details →
rgb(167, 243, 208)hsl(152, 76%, 80%)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
Technology Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0F766E;
  --color-2: #14B8A6;
  --color-3: #2DD4BF;
  --color-4: #A7F3D0;
  --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
#0F766E on #A7F3D04.27:1
Large Text Only (Pass)
Sample Text
#0F766E on #F0FDFA5.25:1
Normal Text AA Pass
Sample Text
#14B8A6 on #A7F3D01.94:1
Large Text Only (Fail)
Sample Text
#14B8A6 on #F0FDFA2.39:1
Large Text Only (Fail)
Sample Text
#2DD4BF on #A7F3D01.45:1
Large Text Only (Fail)
Sample Text
#2DD4BF on #F0FDFA1.78:1
Large Text Only (Fail)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#005F73Copy
#0A9396Copy
#94D2BDCopy
#E9D8A6Copy
#EE9B00Copy
cp-featured-13Ocean
Caribbean Reef Shallows
OceanFresh
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern