Turquoise Harmony

Source

5 colors · #05668D · #028090 · #00A896 · #02C39A · #F0F3BD

Colors in Turquoise Harmony
Color	RGB	HSL
#05668D	5 102 141	197° 93% 29%
#028090	2 128 144	187° 97% 29%
#00A896	0 168 150	174° 100% 33%
#02C39A	2 195 154	167° 98% 39%
#F0F3BD	240 243 189	63° 69% 85%

Gradient text Gradient background Markdown

Hex list

#05668D, #028090, #00A896, #02C39A, #F0F3BD

CSS variables

:root {
  --turquoise-harmony-1: #05668D;
  --turquoise-harmony-2: #028090;
  --turquoise-harmony-3: #00A896;
  --turquoise-harmony-4: #02C39A;
  --turquoise-harmony-5: #F0F3BD;
}

Tailwind v4

@theme {
  --color-turquoise-harmony-1: #05668D;
  --color-turquoise-harmony-2: #028090;
  --color-turquoise-harmony-3: #00A896;
  --color-turquoise-harmony-4: #02C39A;
  --color-turquoise-harmony-5: #F0F3BD;
}

JSON

{
  "name": "Turquoise Harmony",
  "colors": [
    "#05668D",
    "#028090",
    "#00A896",
    "#02C39A",
    "#F0F3BD"
  ],
  "source": "https://coolors.co/palette/05668d-028090-00a896-02c39a-f0f3bd"
}

Aesthetic styles