Theme
Density
Width
Composites

Swatch

A Brand Kit colour: the colour with its role and name, then HEX, RGB, CMYK and OKLCH, each with a copy button. Every format is worked out from the hex.

Default

PrimaryTide#0F2C3D
  • HEX#0F2C3D
  • RGB15, 44, 61
  • CMYK75, 28, 0, 76
  • OKLCH28% 0.047 237

Pale colours

The inner outline keeps Mist and White visible on a white card, and their text flips to Ink.

SurfaceMist#E8EDEF
  • HEX#E8EDEF
  • RGB232, 237, 239
  • CMYK3, 1, 0, 6
  • OKLCH94% 0.006 223
BaseWhite#FFFFFF
  • HEX#FFFFFF
  • RGB255, 255, 255
  • CMYK0, 0, 0, 0
  • OKLCH100% 0 0

Fewer formats

For a digital only kit, drop CMYK.

AccentEmber#E2552B
  • HEX#E2552B
  • RGB226, 85, 43
  • OKLCH63% 0.184 37

Invalid colour

PrimaryTideInvalid colour

Enter a six digit hex such as #0F2C3D to see its values.

Hydroheat palette

PrimaryTide#0F2C3D
  • HEX#0F2C3D
  • RGB15, 44, 61
  • CMYK75, 28, 0, 76
  • OKLCH28% 0.047 237
SurfaceMist#E8EDEF
  • HEX#E8EDEF
  • RGB232, 237, 239
  • CMYK3, 1, 0, 6
  • OKLCH94% 0.006 223
BaseWhite#FFFFFF
  • HEX#FFFFFF
  • RGB255, 255, 255
  • CMYK0, 0, 0, 0
  • OKLCH100% 0 0
AccentEmber#E2552B
  • HEX#E2552B
  • RGB226, 85, 43
  • CMYK0, 62, 81, 11
  • OKLCH63% 0.184 37
TextInk#0B0D0E
  • HEX#0B0D0E
  • RGB11, 13, 14
  • CMYK21, 7, 0, 95
  • OKLCH16% 0.004 229