Início Paletas de cores Midnight Epipelagic

Midnight Epipelagic

Paleta de 6 cores · Fria · Escura · Harmonia: Monocromática

Voltar à biblioteca

Midnight Epipelagic

Paleta de 6 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Monocromática

Editar

Vibrante 6 cores Fria Escura Monocromática midnight dark ocean teal

Curtidas 26

Cores 6

Variáveis CSS

:root {
  --c-vibrant-1: #002322;
  --c-vibrant-2: #004744;
  --c-vibrant-3: #006B59;
  --c-vibrant-4: #009B6A;
  --c-vibrant-5: #00CE8D;
  --c-vibrant-6: #A3FFE2;
}

Sobre esta paleta

Esta paleta vibrante de 6 cores vai de Icery (#A3FFE2), o tom mais claro, até Stellar Explorer (#002322), o mais escuro. Ela reúne Stellar Explorer, Dark Side, Chrysocolla Medium Green, Highlighter Turquoise, Caribbean Green e Icery em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 6 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #002322 sobre #A3FFE2, com 14,21:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Stellar Explorer #002322

RGB: rgb(0, 35, 34)
HSL: hsl(178, 100%, 7%)
Luminância: 0,013

Dark Side #004744

RGB: rgb(0, 71, 68)
HSL: hsl(177, 100%, 14%)
Luminância: 0,049

Chrysocolla Medium Green #006B59

RGB: rgb(0, 107, 89)
HSL: hsl(170, 100%, 21%)
Luminância: 0,112

Highlighter Turquoise #009B6A

RGB: rgb(0, 155, 106)
HSL: hsl(161, 100%, 30%)
Luminância: 0,245

Caribbean Green #00CE8D

RGB: rgb(0, 206, 141)
HSL: hsl(161, 100%, 40%)
Luminância: 0,461

Icery #A3FFE2

RGB: rgb(163, 255, 226)
HSL: hsl(161, 100%, 82%)
Luminância: 0,848

Contraste e acessibilidade

6 de 15 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

Aa #002322 sobre #A3FFE2 14,21:1 AAA

Aa #004744 sobre #A3FFE2 9,05:1 AAA

Aa #002322 sobre #00CE8D 8,08:1 AAA

Aa #006B59 sobre #A3FFE2 5,53:1 AA

Aa #004744 sobre #00CE8D 5,15:1 AA

Aa #002322 sobre #009B6A 4,67:1 AA

Aa #006B59 sobre #00CE8D 3,15:1 AA, texto grande

Aa #009B6A sobre #A3FFE2 3,05:1 AA, texto grande

Aa #004744 sobre #009B6A 2,97:1 Reprovado

Aa #002322 sobre #006B59 2,57:1 Reprovado

Aa #006B59 sobre #009B6A 1,82:1 Reprovado

Aa #00CE8D sobre #A3FFE2 1,76:1 Reprovado

Aa #009B6A sobre #00CE8D 1,73:1 Reprovado

Aa #004744 sobre #006B59 1,64:1 Reprovado

Aa #002322 sobre #004744 1,57:1 Reprovado

Paletas semelhantes

#212121 #323232 #0D7377 #14FFEC

4 cores

#0A2647 #144272 #205295 #2C74B3

4 cores

#040D12 #183D3D #5C8374 #93B1A6

4 cores

#142850 #27496D #0C7B93 #00A8CC

4 cores

#635985 #443C68 #393053 #18122B

4 cores

#000000 #150050 #3F0071 #610094

4 cores

#151515 #301B3F #3C415C #B4A5A5

4 cores

#041C32 #04293A #064663 #ECB365

4 cores

Midnight Epipelagic