Inicio Paletas de colores Fantastic Planet

Fantastic Planet

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Fantastic Planet

Paleta de 11 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar

Colores terrosos 11 colores Colores cálidos Tonos mixtos Armonía complementaria pixelart scifi fantasy alien

Me gusta 33

Colores 11

Variables CSS

:root {
  --c-earthy-1: #57B1BC;
  --c-earthy-2: #CFC897;
  --c-earthy-3: #B4B2C3;
  --c-earthy-4: #9371D8;
  --c-earthy-5: #9599A8;
  --c-earthy-6: #AA8D44;
  --c-earthy-7: #9D5644;
  --c-earthy-8: #7D6A56;
  --c-earthy-9: #375E76;
  --c-earthy-10: #333B8A;
  --c-earthy-11: #21132C;
}

Sobre esta paleta

Esta paleta de 11 colores terrosos va de Tidal Green (#CFC897), su tono más claro, a Blacklist (#21132C), el más oscuro. Combina Thalassa, Tidal Green, Fading Sunset, Matt Purple, Angry Gargoyle, Plaguelands Beige, Ceramic Brown, Downtown Benny Brown, Brigade, Clematis Blue y Blacklist en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #CFC897 sobre #21132C, con 10,35:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Thalassa #57B1BC

RGB: rgb(87, 177, 188)
HSL: hsl(187, 43%, 54%)
Luminancia: 0,371

Tidal Green #CFC897

RGB: rgb(207, 200, 151)
HSL: hsl(53, 37%, 70%)
Luminancia: 0,568

Fading Sunset #B4B2C3

RGB: rgb(180, 178, 195)
HSL: hsl(247, 12%, 73%)
Luminancia: 0,455

Matt Purple #9371D8

RGB: rgb(147, 113, 216)
HSL: hsl(260, 57%, 65%)
Luminancia: 0,230

Angry Gargoyle #9599A8

RGB: rgb(149, 153, 168)
HSL: hsl(227, 10%, 62%)
Luminancia: 0,320

Plaguelands Beige #AA8D44

RGB: rgb(170, 141, 68)
HSL: hsl(43, 43%, 47%)
Luminancia: 0,280

Ceramic Brown #9D5644

RGB: rgb(157, 86, 68)
HSL: hsl(12, 40%, 44%)
Luminancia: 0,142

Downtown Benny Brown #7D6A56

RGB: rgb(125, 106, 86)
HSL: hsl(31, 18%, 41%)
Luminancia: 0,153

Brigade #375E76

RGB: rgb(55, 94, 118)
HSL: hsl(203, 36%, 34%)
Luminancia: 0,101

Clematis Blue #333B8A

RGB: rgb(51, 59, 138)
HSL: hsl(234, 46%, 37%)
Luminancia: 0,057

Blacklist #21132C

RGB: rgb(33, 19, 44)
HSL: hsl(274, 40%, 12%)
Luminancia: 0,010

Contraste y accesibilidad

Combinaciones de colores en la paleta: 55. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #CFC897 sobre #21132C 10,35:1 AAA

Aa #B4B2C3 sobre #21132C 8,46:1 AAA

Aa #57B1BC sobre #21132C 7,05:1 AAA

Aa #9599A8 sobre #21132C 6,20:1 AA

Aa #CFC897 sobre #333B8A 5,79:1 AA

Aa #AA8D44 sobre #21132C 5,53:1 AA

Aa #B4B2C3 sobre #333B8A 4,73:1 AA

Aa #9371D8 sobre #21132C 4,68:1 AA

Aa #CFC897 sobre #375E76 4,09:1 AA, texto grande

Aa #57B1BC sobre #333B8A 3,95:1 AA, texto grande

Aa #9599A8 sobre #333B8A 3,47:1 AA, texto grande

Aa #7D6A56 sobre #21132C 3,41:1 AA, texto grande

Aa #B4B2C3 sobre #375E76 3,34:1 AA, texto grande

Aa #9D5644 sobre #21132C 3,22:1 AA, texto grande

Aa #CFC897 sobre #9D5644 3,21:1 AA, texto grande

Aa #AA8D44 sobre #333B8A 3,09:1 AA, texto grande

Aa #CFC897 sobre #7D6A56 3,04:1 AA, texto grande

Aa #57B1BC sobre #375E76 2,78:1 No aprobado

Aa #B4B2C3 sobre #9D5644 2,62:1 No aprobado

Aa #9371D8 sobre #333B8A 2,62:1 No aprobado

Aa #375E76 sobre #21132C 2,53:1 No aprobado

Aa #B4B2C3 sobre #7D6A56 2,48:1 No aprobado

Aa #9599A8 sobre #375E76 2,45:1 No aprobado

Aa #CFC897 sobre #9371D8 2,21:1 No aprobado

Aa #57B1BC sobre #9D5644 2,19:1 No aprobado

Aa #AA8D44 sobre #375E76 2,18:1 No aprobado

Aa #57B1BC sobre #7D6A56 2,07:1 No aprobado

Aa #9599A8 sobre #9D5644 1,92:1 No aprobado

Aa #7D6A56 sobre #333B8A 1,91:1 No aprobado

Aa #CFC897 sobre #AA8D44 1,87:1 No aprobado

Aa #9371D8 sobre #375E76 1,85:1 No aprobado

Aa #9599A8 sobre #7D6A56 1,82:1 No aprobado

Aa #B4B2C3 sobre #9371D8 1,80:1 No aprobado

Aa #9D5644 sobre #333B8A 1,80:1 No aprobado

Aa #333B8A sobre #21132C 1,79:1 No aprobado

Aa #AA8D44 sobre #9D5644 1,72:1 No aprobado

Aa #CFC897 sobre #9599A8 1,67:1 No aprobado

Aa #AA8D44 sobre #7D6A56 1,62:1 No aprobado

Aa #B4B2C3 sobre #AA8D44 1,53:1 No aprobado

Aa #57B1BC sobre #9371D8 1,51:1 No aprobado

Aa #57B1BC sobre #CFC897 1,47:1 No aprobado

Aa #9371D8 sobre #9D5644 1,45:1 No aprobado

Aa #375E76 sobre #333B8A 1,42:1 No aprobado

Aa #9371D8 sobre #7D6A56 1,38:1 No aprobado

Aa #B4B2C3 sobre #9599A8 1,36:1 No aprobado

Aa #7D6A56 sobre #375E76 1,34:1 No aprobado

Aa #9371D8 sobre #9599A8 1,32:1 No aprobado

Aa #57B1BC sobre #AA8D44 1,28:1 No aprobado

Aa #9D5644 sobre #375E76 1,27:1 No aprobado

Aa #CFC897 sobre #B4B2C3 1,22:1 No aprobado

Aa #57B1BC sobre #B4B2C3 1,20:1 No aprobado

Aa #9371D8 sobre #AA8D44 1,18:1 No aprobado

Aa #57B1BC sobre #9599A8 1,14:1 No aprobado

Aa #9599A8 sobre #AA8D44 1,12:1 No aprobado

Aa #9D5644 sobre #7D6A56 1,06:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70

4 colores

#7D5A50 #B4846C #E5B299 #FCDEC0

4 colores

#FFF8EA #9E7676 #815B5B #594545

4 colores

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 colores

#F67280 #C06C84 #6C5B7B #355C7D

4 colores

#2B2E4A #E84545 #903749 #53354A

4 colores

#E5D9B6 #A4BE7B #5F8D4E #285430

4 colores

#A9907E #F3DEBA #ABC4AA #675D50

4 colores

Fantastic Planet