Seashore

#9C6336

#DFB392

#70594F

#B9D0E4

#357A8F

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Cyan

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#9c6336	rgb(156, 99, 54)	hsl(26 49% 41%)	oklab(55% 0.05 0.08)	oklch(55% 0.1 57)	color(display-p3 0.58 0.4 0.24)
	#dfb392	rgb(223, 179, 146)	hsl(26 55% 72%)	oklab(80% 0.04 0.06)	oklch(80% 0.07 58)	color(display-p3 0.85 0.71 0.59)
	#70594f	rgb(112, 89, 79)	hsl(18 17% 37%)	oklab(48% 0.02 0.02)	oklch(48% 0.03 45)	color(display-p3 0.42 0.35 0.32)
	#b9d0e4	rgb(185, 208, 228)	hsl(210 44% 81%)	oklab(85% -0.02 -0.03)	oklch(85% 0.04 240)	color(display-p3 0.74 0.81 0.89)
	#357a8f	rgb(53, 122, 143)	hsl(190 46% 38%)	oklab(54% -0.06 -0.05)	oklch(54% 0.08 220)	color(display-p3 0.28 0.47 0.55)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#9C6336

AA - 4.93



#DFB392

AA - 1.9



#70594F

AA - 6.49



#B9D0E4

AA - 1.59



#357A8F

AA - 4.84



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(55.3% 0.052 0.08), oklab(79.8% 0.036 0.058), oklab(48.4% 0.024 0.024), oklab(84.7% -0.016 -0.034), oklab(54.4% -0.057 -0.05))

Fallback colors



background: linear-gradient(45deg, #9C6336, #DFB392, #70594F, #B9D0E4, #357A8F)

Colors



<!-- Primary Colors -->
<color name="seashore_color_10">#9C6336</color>
<color name="seashore_color_20">#DFB392</color>
<color name="seashore_color_30">#70594F</color>
<color name="seashore_color_40">#B9D0E4</color>
<color name="seashore_color_50">#357A8F</color>

PWA prompt