What are the hex codes in the Poolside palette?

The Poolside color palette consists of Cyan #00B4D8, Powder Blue #90E0EF, Saffron #FFD166, Raisin #1B1B1E.

How should I use the Poolside palette on a website?

Use Saffron #FFD166 as the background, Raisin #1B1B1E for text, Cyan #00B4D8 for buttons and links, and Powder Blue #90E0EF for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Saffron on Raisin at 11.92:1.

Which colors in Poolside have enough contrast for text?

The highest-contrast pair is #FFD166 on #1B1B1E with a ratio of 11.92:1, which passes WCAG AA for normal text.

#00B4D8Cyan

#90E0EFPowder Blue

#FFD166Saffron

#1B1B1ERaisin

Poolside color palette

Summer Teal Yellow

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cyan	`#00B4D8`	`rgb(0, 180, 216)`	`hsl(190, 100%, 42%)`	`oklch(71.1% 0.129 219)`
Powder Blue	`#90E0EF`	`rgb(144, 224, 239)`	`hsl(189, 75%, 75%)`	`oklch(86.0% 0.081 211)`
Saffron	`#FFD166`	`rgb(255, 209, 102)`	`hsl(42, 100%, 70%)`	`oklch(88.0% 0.135 86)`
Raisin	`#1B1B1E`	`rgb(27, 27, 30)`	`hsl(240, 5%, 11%)`	`oklch(22.3% 0.006 286)`

Why it works and how to use it

Poolside is a vivid complementary color palette tagged summer, teal, yellow. Near-complementary hues (about 148° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

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

Background: Saffron (#FFD166) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#1B1B1E) on #FFD166 gives 11.92:1, passing WCAG AAA.
Primary: Cyan (#00B4D8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Powder Blue (#90E0EF) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Saffron on Raisin at 11.92:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Poolside

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

#00B4D8

#90E0EF

#FFD166

#1B1B1E

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
`#FFD166` on `#1B1B1E`	Aa	11.92:1	AAA
`#90E0EF` on `#1B1B1E`	Aa	11.53:1	AAA
`#00B4D8` on `#1B1B1E`	Aa	6.97:1	AA
`#00B4D8` on `#FFD166`	Aa	1.71:1	Fail
`#00B4D8` on `#90E0EF`	Aa	1.65:1	Fail
`#90E0EF` on `#FFD166`	Aa	1.03:1	Fail

Similar palettes 24 more in this mood