Ruta 02Detours / Repaint

Repaint

sixty-three ways to paint a page

A library of three-colour palettes from my own site, from Medellín and from the shop window. Pick one, watch a sample page repaint, then copy the colours as HEX, CSS variables or Tailwind.

63 palettes
3 collections
3 colours each
WCAG checked

Paints the whole page in a random palette

Parada 01La biblioteca

The library

Three bands per palette, top band first. Pick one to paint the sample page.

MED 01

Guayacán

A guayacán in full bloom against the morning sky: yellow flowers on dark bare branches.

Tiendita

Shop
About
Visit

Fresh paint for every page

¡Nuevo!

A sample page to see the palette at work: ground, ink and one loud accent.

Get startedLearn more

Card

Accent band on the ground colour.

Contrast · WCAG 2

Can you read it?

Ink on ground8.79 : 1Used for the preview's text AAA
Accent on ground1.15 : 1 Fail
Accent on ink7.65 : 1 AAA

Ground#FFC800
Ink#3B2A20
Accent#8EC9F0

Export

#FFC800
#3B2A20
#8EC9F0

:root {
  --ground: #FFC800;
  --ink: #3B2A20;
  --accent: #8EC9F0;
  --c1: #FFC800;
  --c2: #3B2A20;
  --c3: #8EC9F0;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        ground: "#FFC800",
        ink: "#3B2A20",
        accent: "#8EC9F0",
        c1: "#FFC800",
        c2: "#3B2A20",
        c3: "#8EC9F0",
      },
    },
  },
};

HEX · ready to paste

Back on the paved road?Selected workClient projects, designed, written and built end to end.

¡Súbase!

Got a stop in mind?

Start a project

Repaint

The library

No palette like that yet.

Got a stop in mind?