Skip to main content
♡ Saved 0
Log in

A little color. A new perspective.

Published Jul 17, 2026

Rainwear Turns on the Cyan Stairs

Test in Color Lab

Five colors, endless possibilities. Select a color to copy its HEX.

A fresh autumn lookbook palette with a cyan stairwell, warm dark ink, yellow silhouette panels, rust outfit pairings, and pale fabric-detail cards.

The feeling

A crisp autumn lookbook of cyan stairs, yellow jackets, deep rust pairings, pale fabric cards, and warm dark captions

Explore this palette ↓

The mood

Color-block jackets turn across a clear cyan stairwell after the rain. Yellow panels frame full silhouettes, rust cards assemble outfit pairings, and pale neutral close-ups show seams, folds, and fabric texture.

Stairwell Ink carries captions, Rain Cyan forms the editorial field, Signal Jacket frames silhouettes, Rust Pairing groups complete looks, and Fabric Cloud holds material details.

How to use it

Use Rain Cyan for the lookbook canvas with Stairwell Ink for titles, captions, and navigation. Set jacket silhouettes on Signal Jacket with dark text. Use Rust Pairing for outfit combinations with Fabric Cloud text, and reserve Fabric Cloud for seam close-ups, fabric notes, and garment specifications with dark text.

Allocate about 43% to Rain Cyan, 37% to Signal Jacket, and 20% to Rust Pairing. Cyan remains the environmental anchor, yellow gives the silhouettes substantial editorial space, and rust marks a smaller outfit-styling section.

What to watch

Stairwell Ink reaches about 6.22:1 on Rain Cyan, 10.15:1 on Signal Jacket, and 12.52:1 on Fabric Cloud. It measures only about 2.22:1 on Rust Pairing, so use Fabric Cloud text on rust instead; that pairing reaches about 5.64:1.

Rust Pairing reaches only about 2.80:1 against Rain Cyan, so do not rely on that edge for a control boundary. Use spacing or a dark rule, and label silhouette, pairing, and fabric sections directly.

A considered balance

Make room for
the right colors.

Use Rain Cyan for the lookbook field and Stairwell Ink for captions. Apply Signal Jacket to silhouette panels, Rust Pairing to styled outfits with Fabric Cloud text, and Fabric Cloud to seam, texture, and garment-detail cards.

Start with a generous background, introduce your primary color, then use the highlight sparingly. The ratios are a guide for large surfaces, not a fixed recipe.

43 Base
37 Main
20 Point
Rain Cyan

Background & breathing room

Signal Jacket

Cards, graphics & sections

Rust Pairing

Focal areas & key details

Background · Primary · Highlight. Use text and accent colors where their roles call for them.

Text on background
6.22:1 #2B1D1A on #34AFC1 · AA normal text
Text on primary
10.15:1 #2B1D1A on #EBCB35 · AAA normal text
Text on highlight
2.22:1 #2B1D1A on #8F3D2B · Not suitable for text

Recommended text on highlight

The original text has low contrast (2.22:1). This example uses Fabric Cloud (#E8E1D8) from the same palette instead of #2B1D1A on #8F3D2B, improving contrast to 5.64:1. This meets WCAG AA for normal text.

Text on accent
12.52:1 #2B1D1A on #E8E1D8 · AAA normal text

Contrast is calculated for these specific pairs. Large text means at least 24 px regular or about 18.7 px bold. Check every pairing in your final design.

IMAGINE THE POSSIBILITIES

One palette.
A world of possibilities.

See how these five colors come together in a website, a poster, a brand, and a presentation. Explore a different palette and watch the mood change.

ONDA STUDIO / WEB PREVIEW
Journal   Places   About

INDEPENDENT STUDIO · SEOUL

Design with
today’s color.

A little space for fresh ideas. A considered palette for whatever comes next.

Prepared design previews, recolored with this palette.

COLOR NOTE

Do not place Stairwell Ink text on Rust Pairing; the combination measures about 2.22:1. Use Fabric Cloud text on rust at about 5.64:1, and separate rust from cyan because their boundary reaches only about 2.80:1.

From inspiration to creation

Your next idea,
in these colors.

Add a considered color direction to the design you already have in mind. Your layout and instructions stay yours.

  1. Write your design request.
  2. Choose a color guide and copy it.
  3. Paste it after your request.
  4. Review the result and check readability.

Try it in the design or AI tool you already use. 

[Color guide — coloring.today / rainwear-turns-on-the-cyan-stairs]
Apply this palette to the design requested above. Preserve the requested layout, content, and interactions. If an explicit requirement conflicts with this color guide, identify the conflict instead of silently overriding it.

Text: Stairwell Ink #2B1D1A
Primary: Signal Jacket #EBCB35
Highlight: Rust Pairing #8F3D2B
Accent: Fabric Cloud #E8E1D8
Background: Rain Cyan #34AFC1

Mood: A crisp autumn lookbook of cyan stairs, yellow jackets, deep rust pairings, pale fabric cards, and warm dark captions
Suggested uses: Fashion lookbooks
Application note: Use Rain Cyan for the lookbook field and Stairwell Ink for captions. Apply Signal Jacket to silhouette panels, Rust Pairing to styled outfits with Fabric Cloud text, and Fabric Cloud to seam, texture, and garment-detail cards.
Avoid: Do not place Stairwell Ink text on Rust Pairing; the combination measures about 2.22:1. Use Fabric Cloud text on rust at about 5.64:1, and separate rust from cyan because their boundary reaches only about 2.80:1.
Use approximately 43% background, 37% primary, and 20% highlight across large surfaces. These ratios are a starting point, not a rigid rule. Use text and accent colors according to their roles.

Keep the original HEX values. Choose readable text/background pairings without silently changing the palette. Do not introduce unrelated colors.

[Color guide — coloring.today / rainwear-turns-on-the-cyan-stairs]
Apply this palette to the design requested above. Preserve the requested layout, content, and interactions. If an explicit requirement conflicts with this color guide, identify the conflict instead of silently overriding it.

Text: Stairwell Ink #2B1D1A
Primary: Signal Jacket #EBCB35
Highlight: Rust Pairing #8F3D2B
Accent: Fabric Cloud #E8E1D8
Background: Rain Cyan #34AFC1

Mood: A crisp autumn lookbook of cyan stairs, yellow jackets, deep rust pairings, pale fabric cards, and warm dark captions
Suggested uses: Fashion lookbooks
Application note: Use Rain Cyan for the lookbook field and Stairwell Ink for captions. Apply Signal Jacket to silhouette panels, Rust Pairing to styled outfits with Fabric Cloud text, and Fabric Cloud to seam, texture, and garment-detail cards.
Avoid: Do not place Stairwell Ink text on Rust Pairing; the combination measures about 2.22:1. Use Fabric Cloud text on rust at about 5.64:1, and separate rust from cyan because their boundary reaches only about 2.80:1.
Use approximately 43% background, 37% primary, and 20% highlight across large surfaces. These ratios are a starting point, not a rigid rule. Use text and accent colors according to their roles.

Use these semantic tokens consistently. Keep the original HEX values.
:root {
  --color-text: #2B1D1A;
  --color-primary: #EBCB35;
  --color-highlight: #8F3D2B;
  --color-accent: #E8E1D8;
  --color-background: #34AFC1;
}
Background is the canvas, text is readable copy, primary is a key surface, highlight draws attention, and accent adds small secondary details.

[Color guide — coloring.today / rainwear-turns-on-the-cyan-stairs]
Apply this palette to the design requested above. Preserve the requested layout, content, and interactions. If an explicit requirement conflicts with this color guide, identify the conflict instead of silently overriding it.

Text: Stairwell Ink #2B1D1A
Primary: Signal Jacket #EBCB35
Highlight: Rust Pairing #8F3D2B
Accent: Fabric Cloud #E8E1D8
Background: Rain Cyan #34AFC1

Mood: A crisp autumn lookbook of cyan stairs, yellow jackets, deep rust pairings, pale fabric cards, and warm dark captions
Suggested uses: Fashion lookbooks
Application note: Use Rain Cyan for the lookbook field and Stairwell Ink for captions. Apply Signal Jacket to silhouette panels, Rust Pairing to styled outfits with Fabric Cloud text, and Fabric Cloud to seam, texture, and garment-detail cards.
Avoid: Do not place Stairwell Ink text on Rust Pairing; the combination measures about 2.22:1. Use Fabric Cloud text on rust at about 5.64:1, and separate rust from cyan because their boundary reaches only about 2.80:1.
Use approximately 43% background, 37% primary, and 20% highlight across large surfaces. These ratios are a starting point, not a rigid rule. Use text and accent colors according to their roles.

Text/background contrast: 6.22:1. This is one measured pair, not a guarantee for the whole palette. Check every actual text/background pairing against WCAG AA. Prefer readable combinations from the original colors, keep visible keyboard focus, and never communicate state through color alone. If no original pairing meets the requirement, propose a separately labeled derived color with its original HEX, proposed HEX, purpose and measured contrast. Never overwrite the source palette.

This guide preserves the original HEX values. Review the output before using it.

Bring it into your project

Five colors.
Ready to use.

Copy the same colors as semantic CSS variables. Every preview and prompt on this page uses this palette. 

:root {
  --color-text: #2B1D1A;
  --color-primary: #EBCB35;
  --color-highlight: #8F3D2B;
  --color-accent: #E8E1D8;
  --color-background: #34AFC1;
}

A little more inspiration.

All palettes ↗

Copy your color guide

Your browser could not copy automatically. Select the text below and copy it.