Akoya v2 — Perla Palettes

Akoya Palette System v2

5 variantes destiladas de perlas reales generadas con Nano Banana — mayo 2026

Variantes Akoya

01 — Akoya Pura

Fuente: luz lateral suave warm · img 01

#F4F2EF

cuerpo

#E5E6E7

superficie

#D2D2D1

cuerpo

#C4B9AC

orient

#AEA499

orient

#A2988E

concha

#B6B1AB

concha

#FFFFFF

luz

#EFF0F1

luz

#8D7156

sombra

#7A654E

sombra

#3D3530

sombra prof.

02 — Akoya Calida

Fuente: orient hanadama exagerado · img 05 — la "mas exagerada"

#EFE0D6

cuerpo

#E0CBB5

cuerpo

#D6AAA0

orient rosa

#C26167

orient coral

#986266

malva

#D2CFCC

concha

#C4BDC5

concha lila

#FFFFFF

luz

#F8F0EC

luz warm

#AD7C88

sombra mauve

#6A5E58

sombra

#4D2F2A

sombra bordo

03 — Akoya Fria

Fuente: luz fria azulada overhead · img 02

#E8EEF6

cuerpo

#D4E0EE

cuerpo azul

#ADB8D2

orient lavanda

#7884A0

orient blue

#67748C

iridiscencia

#5C6C83

concha

#4D5260

concha

#FFFFFF

luz

#F0F4FA

luz fria

#3A4759

sombra azul

#293749

sombra marina

#121D2C

sombra negra

04 — Akoya Iridiscente

Fuente: flash directo, orient verde-dorado-rosa · img 03

#EEEFF0

cuerpo

#DAD9D2

cuerpo

#D4C8B3

orient dorado

#CBADA2

orient rosa

#A18E6B

oliva-dorado

#B3A092

concha rose

#8B765A

concha siena

#FFFFFF

luz flash

#F5F4F2

quemado

#715D4C

sombra marron

#5C4538

sombra siena

#1F1914

sombra negra

05 — Akoya Sombra

Fuente: luz lateral rasante, 65% en sombra · img 04

#EBD5BA

luz unica

#C8A882

transicion

#B59170

franja luz

#90715B

iridiscencia

#63534B

iridiscencia

#4E433B

concha

#443C35

concha prof.

#353F47

sombra azul

#2E2D2C

sombra carbon

#1E2325

sombra prof.

#0B1012

negro perla

#F2EDE7

superficie

Gradient blob organico — 3 tecnicas

A — CSS border-radius + radial gradient + SVG grain

Tecnica: border-radius con 8 valores asimetricos animados + radial-gradient con stop en origen excentric (35% 40%) + filter: url(#grain-a) via SVG feTurbulence con feBlend mode=overlay.

Paleta aplicada: Akoya Calida (#EFE0D6 → #D6AAA0 → #C26167 → #986266 → #4D2F2A)

Pros: Pure CSS, animable, liviano.
Contras: El shape no es totalmente libre — el blob es oval/redondeado siempre.

B — SVG path + radialGradient + feTurbulence displacement

Tecnica: SVG ellipse con radialGradient + doble filtro: feDisplacementMap deforma el contorno usando turbulencia (scale=14, baseFrequency baja para deformacion suave) + segundo feTurbulence de grain overlay.

Paleta aplicada: Akoya Fria (#E8EEF6 → #ADB8D2 → #7884A0 → #5C6C83 → #121D2C)

Pros: El shape ES organico — el displacement lo deforma de verdad.
Contras: No animable facilmente sin JS.

C — CSS clip-path polygon + linear gradient + highlight overlay

Tecnica: clip-path: polygon() con 11 puntos irregulares para shape libre + linear-gradient diagonal 135deg con stops de la paleta + filter: url(#grain-c) + segundo div con radial-gradient screen como highlight interno.

Paleta aplicada: Akoya Iridiscente mezclada con Fria (#ADB8D2 → #7884A0 → #5C6C83 → #D4C8B3 → #C4B9AC → #4D2F2A)

Pros: Shape totalmente libre, dos capas de luz, facil de editar los puntos del polygon.
Contras: El gradient linear no sigue el contorno del blob — puede sentirse geometrico si no se calibra.

Referencias AI generadas (FASE 0)

01 Warm lateral

02 Cool blue

03 Hard flash

04 Shadow

05 Hanadama

Click en cualquier swatch para copiar el hex. Colores extraidos con magick histogram de imagenes AI generadas con Nano Banana — no inventados.