Criar conta Criar conta
Petrichor

Petrichor

Paleta de 12 cores · Fria · Mista · Harmonia: Análoga

Voltar à biblioteca

Petrichor

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Análoga

Editar
Sóbria 12 cores Fria Mista Análoga green blue soft muted
Curtidas 44
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #445369;
  --c-muted-2: #586A76;
  --c-muted-3: #677081;
  --c-muted-4: #7A8AA1;
  --c-muted-5: #85A7B4;
  --c-muted-6: #97ADB6;
  --c-muted-7: #9FB3CC;
  --c-muted-8: #BBE3D8;
  --c-muted-9: #497173;
  --c-muted-10: #5B837F;
  --c-muted-11: #558B92;
  --c-muted-12: #6C8D7B;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Serendipity (#BBE3D8), o tom mais claro, até Into the Stratosphere (#445369), o mais escuro. Ela reúne Into the Stratosphere, Blue Insignia, Flintstone, Hilo Bay, Equanimity, Pacific Bliss, Stellar Blue, Serendipity, Vining Ivy, Stream Burble, Dusty Turquoise e Hanging Vine em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 1 atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #445369 sobre #BBE3D8, com 5,62: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

Into the Stratosphere #445369
RGB
rgb(68, 83, 105)
HSL
hsl(216, 21%, 34%)
Luminância
0,084
Blue Insignia #586A76
RGB
rgb(88, 106, 118)
HSL
hsl(204, 15%, 40%)
Luminância
0,137
Flintstone #677081
RGB
rgb(103, 112, 129)
HSL
hsl(219, 11%, 45%)
Luminância
0,161
Hilo Bay #7A8AA1
RGB
rgb(122, 138, 161)
HSL
hsl(215, 17%, 55%)
Luminância
0,249
Equanimity #85A7B4
RGB
rgb(133, 167, 180)
HSL
hsl(197, 24%, 61%)
Luminância
0,359
Pacific Bliss #97ADB6
RGB
rgb(151, 173, 182)
HSL
hsl(197, 18%, 65%)
Luminância
0,398
Stellar Blue #9FB3CC
RGB
rgb(159, 179, 204)
HSL
hsl(213, 31%, 71%)
Luminância
0,440
Serendipity #BBE3D8
RGB
rgb(187, 227, 216)
HSL
hsl(164, 42%, 81%)
Luminância
0,705
Vining Ivy #497173
RGB
rgb(73, 113, 115)
HSL
hsl(183, 22%, 37%)
Luminância
0,145
Stream Burble #5B837F
RGB
rgb(91, 131, 127)
HSL
hsl(174, 18%, 44%)
Luminância
0,200
Dusty Turquoise #558B92
RGB
rgb(85, 139, 146)
HSL
hsl(187, 26%, 45%)
Luminância
0,225
Hanging Vine #6C8D7B
RGB
rgb(108, 141, 123)
HSL
hsl(147, 13%, 49%)
Luminância
0,237

Contraste e acessibilidade

1 de 66 pares de cores atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido.

Aa #445369 sobre #BBE3D8 5,62:1 AA
Aa #586A76 sobre #BBE3D8 4,04:1 AA, texto grande
Aa #BBE3D8 sobre #497173 3,88:1 AA, texto grande
Aa #445369 sobre #9FB3CC 3,64:1 AA, texto grande
Aa #677081 sobre #BBE3D8 3,58:1 AA, texto grande
Aa #445369 sobre #97ADB6 3,34:1 AA, texto grande
Aa #445369 sobre #85A7B4 3,05:1 AA, texto grande
Aa #BBE3D8 sobre #5B837F 3,02:1 AA, texto grande
Aa #BBE3D8 sobre #558B92 2,75:1 Reprovado
Aa #BBE3D8 sobre #6C8D7B 2,63:1 Reprovado
Aa #586A76 sobre #9FB3CC 2,62:1 Reprovado
Aa #7A8AA1 sobre #BBE3D8 2,52:1 Reprovado
Aa #9FB3CC sobre #497173 2,52:1 Reprovado
Aa #586A76 sobre #97ADB6 2,40:1 Reprovado
Aa #677081 sobre #9FB3CC 2,33:1 Reprovado
Aa #97ADB6 sobre #497173 2,30:1 Reprovado
Aa #445369 sobre #7A8AA1 2,22:1 Reprovado
Aa #586A76 sobre #85A7B4 2,19:1 Reprovado
Aa #445369 sobre #6C8D7B 2,13:1 Reprovado
Aa #677081 sobre #97ADB6 2,13:1 Reprovado
Aa #85A7B4 sobre #497173 2,10:1 Reprovado
Aa #445369 sobre #558B92 2,04:1 Reprovado
Aa #9FB3CC sobre #5B837F 1,96:1 Reprovado
Aa #677081 sobre #85A7B4 1,94:1 Reprovado
Aa #445369 sobre #5B837F 1,86:1 Reprovado
Aa #85A7B4 sobre #BBE3D8 1,84:1 Reprovado
Aa #97ADB6 sobre #5B837F 1,79:1 Reprovado
Aa #9FB3CC sobre #558B92 1,78:1 Reprovado
Aa #9FB3CC sobre #6C8D7B 1,71:1 Reprovado
Aa #97ADB6 sobre #BBE3D8 1,68:1 Reprovado
Aa #7A8AA1 sobre #9FB3CC 1,64:1 Reprovado
Aa #85A7B4 sobre #5B837F 1,64:1 Reprovado
Aa #97ADB6 sobre #558B92 1,63:1 Reprovado
Aa #586A76 sobre #7A8AA1 1,60:1 Reprovado
Aa #445369 sobre #677081 1,57:1 Reprovado
Aa #97ADB6 sobre #6C8D7B 1,56:1 Reprovado
Aa #7A8AA1 sobre #497173 1,54:1 Reprovado
Aa #9FB3CC sobre #BBE3D8 1,54:1 Reprovado
Aa #586A76 sobre #6C8D7B 1,53:1 Reprovado
Aa #7A8AA1 sobre #97ADB6 1,50:1 Reprovado
Aa #85A7B4 sobre #558B92 1,49:1 Reprovado
Aa #586A76 sobre #558B92 1,47:1 Reprovado
Aa #497173 sobre #6C8D7B 1,47:1 Reprovado
Aa #445369 sobre #497173 1,45:1 Reprovado
Aa #85A7B4 sobre #6C8D7B 1,43:1 Reprovado
Aa #677081 sobre #7A8AA1 1,42:1 Reprovado
Aa #497173 sobre #558B92 1,41:1 Reprovado
Aa #445369 sobre #586A76 1,39:1 Reprovado
Aa #7A8AA1 sobre #85A7B4 1,37:1 Reprovado
Aa #677081 sobre #6C8D7B 1,36:1 Reprovado
Aa #586A76 sobre #5B837F 1,34:1 Reprovado
Aa #677081 sobre #558B92 1,30:1 Reprovado
Aa #497173 sobre #5B837F 1,28:1 Reprovado
Aa #7A8AA1 sobre #5B837F 1,20:1 Reprovado
Aa #85A7B4 sobre #9FB3CC 1,20:1 Reprovado
Aa #677081 sobre #5B837F 1,19:1 Reprovado
Aa #5B837F sobre #6C8D7B 1,15:1 Reprovado
Aa #586A76 sobre #677081 1,13:1 Reprovado
Aa #85A7B4 sobre #97ADB6 1,10:1 Reprovado
Aa #5B837F sobre #558B92 1,10:1 Reprovado
Aa #7A8AA1 sobre #558B92 1,09:1 Reprovado
Aa #97ADB6 sobre #9FB3CC 1,09:1 Reprovado
Aa #677081 sobre #497173 1,08:1 Reprovado
Aa #586A76 sobre #497173 1,04:1 Reprovado
Aa #7A8AA1 sobre #6C8D7B 1,04:1 Reprovado
Aa #558B92 sobre #6C8D7B 1,04:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores