What are the hex codes in the Bold Cyan & Teal palette?

The Bold Cyan & Teal color palette consists of Ink #002936, Teal #007286, Cyan #00CBE9, Smoke #ECFDF5.

How should I use the Bold Cyan & Teal palette on a website?

Use Smoke #ECFDF5 as the background, Ink #002936 for text, Teal #007286 for buttons and links, and Cyan #00CBE9 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 14.55:1.

Which colors in Bold Cyan & Teal have enough contrast for text?

The highest-contrast pair is #002936 on #ECFDF5 with a ratio of 14.55:1, which passes WCAG AA for normal text.

#002936Ink

#007286Teal

#00CBE9Cyan

#ECFDF5Smoke

Bold Cyan & Teal color palette

Cold Teal White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#002936`	`rgb(0, 41, 54)`	`hsl(194, 100%, 11%)`	`oklch(26.1% 0.049 225)`
Teal	`#007286`	`rgb(0, 114, 134)`	`hsl(189, 100%, 26%)`	`oklch(50.8% 0.090 216)`
Cyan	`#00CBE9`	`rgb(0, 203, 233)`	`hsl(188, 100%, 46%)`	`oklch(77.4% 0.136 213)`
Smoke	`#ECFDF5`	`rgb(236, 253, 245)`	`hsl(152, 81%, 96%)`	`oklch(97.9% 0.021 166)`

Why it works and how to use it

Bold Cyan & Teal is a vivid monochromatic color palette tagged cold, teal, white. All four colors sit within 6° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.

With 3 chromatic colors, Teal takes the lead while the rest support. Lightness runs from 11% to 96%. Well suited to websites, presentations and branding.

Background: Smoke (#ECFDF5) is the lightest color, so it belongs on large surfaces.
Text: Ink (#002936) on #ECFDF5 gives 14.55:1, passing WCAG AAA.
Primary: Teal (#007286) is the most saturated mid-tone; use it for buttons and links (5.31:1 against the background, fine for UI elements).
Accent: Cyan (#00CBE9) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 14.55:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Bold Cyan & Teal

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#002936

#007286

#00CBE9

#ECFDF5

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#002936` on `#ECFDF5`	Aa	14.55:1	AAA
`#002936` on `#00CBE9`	Aa	7.82:1	AAA
`#007286` on `#ECFDF5`	Aa	5.31:1	AA
`#007286` on `#00CBE9`	Aa	2.86:1	Fail
`#002936` on `#007286`	Aa	2.74:1	Fail
`#00CBE9` on `#ECFDF5`	Aa	1.86:1	Fail

Similar palettes 24 more in this mood