Asteroid City

2023 — Wes Anderson

5 colores

Siguiente paso

Convierte Asteroid City en una paleta utilizable

Usa esta referencia para salir a decision, selector o extraccion antes de volver a otras paletas si aun necesitas comparar atmosferas.

Respuesta rapida

Que paleta es Asteroid City?

Asteroid City agrupa 5 colores asociados a la estetica de la pelicula y aqui los tienes listos para revisar en HEX, RGB, HSL y variables CSS antes de seguir a otras paletas o herramientas.

Asteroid City funciona mejor como puerta de entrada a una atmosfera visual: primero eliges la combinacion, luego separas colores utiles, derivas una nueva paleta o comparas la referencia con otras cercanas.

  • Asteroid City es una buena ruta cuando buscas desierto, polvo, beige y naranja quemado en una misma familia.
  • Funciona bien para landing pages narrativas, hospitality y universos visuales mas secos.
  • Conviene compararla con Fantastic Mr. Fox o French Dispatch para decidir si quieres mas calor o mas coral.

Sobre esta paleta

Esta referencia de Asteroid City (2023) esta pensada como una paleta inspiracional, no como una especificacion oficial de produccion.

El objetivo es que puedas entrar primero por la combinacion completa, entender el tono general de la pelicula y despues bajar a cada color individual con sus valores digitales.

Desde aqui puedes usar la paleta como punto de partida para tokens CSS, presentaciones, moodboards o exploracion de marca, y luego seguir a mas paletas o a herramientas de color.

Si quieres mantenerte cerca del mismo periodo visual, mas abajo tienes enlaces a paletas relacionadas dentro de las paletas mas recientes del director.

Colores de la Paleta

#EAD8C5
HEX#EAD8C5
RGB234, 216, 197
HSL31°, 47%, 85%
#C6A477
HEX#C6A477
RGB198, 164, 119
HSL34°, 41%, 62%
#8B4513
HEX#8B4513
RGB139, 69, 19
HSL25°, 76%, 31%
#D2691E
HEX#D2691E
RGB210, 105, 30
HSL25°, 75%, 47%
#F5DEB3
HEX#F5DEB3
RGB245, 222, 179
HSL39°, 77%, 83%

CSS Variables

:root {
--asteroid-city-1: #EAD8C5;
--asteroid-city-2: #C6A477;
--asteroid-city-3: #8B4513;
--asteroid-city-4: #D2691E;
--asteroid-city-5: #F5DEB3;
}

Herramientas relacionadas

Paletas Relacionadas

Estas referencias se eligieron por cercania de epoca y complejidad cromatica para que sigas comparando sin volver al hub general.