Heian era · serene · cool · refined

Ao & White 青と白

The classical Japanese 'ao' — an ambiguous blue-green — against pure white.

青

Ao

#3A7D7B

Blue-green (classical)

白

Shiro

#FFFFFF

White

墨

Sumi

#1C1C1C

Ink black

Share

About this combination

In classical Japanese, ao covered a range from blue to green — what a modern eye would call teal. This palette pairs that ancestral ao with shiro, a bright white, for a look that reads as cleanly contemporary while staying rooted.

Where it works

  • Modern minimal branding
  • Editorial with generous whitespace
  • Tech with a soft edge

Historical context

This editorial combination anchors Ao, Shiro and Sumi in the blue family — a 3-colour grouping with a serene, cool, refined character. It is an original composition by the editors of colorcombinations.org, built with Wada's method from traditional Japanese shikisai colour names associated with the Heian era; it is not one of the 348 plates in Wada's 1933 Dictionary of Color Combinations. Its strongest pairing — Shiro on Sumi — reaches a contrast ratio of 17.04:1, clearing the WCAG AAA bar for body text, so it holds up for text-on-colour layouts as well as decorative use.

Studio

Taking Ao & White off the screen

A hex code is an instruction to a screen, not a colour. Where this palette is going decides what it needs next.

Affiliate links — as an Amazon Associate we earn from qualifying purchases.

  • ...onto paper

    Start here if the palette gets printed. Screen colour and ink colour are not the same colour, and this is the deck that translates between them.

    Listed on Amazon as Pantone GP6102B Color Bridge Guide Set Coated & Uncoated, Multi-Colour

    See price on Amazon
  • ...onto a screen you can trust

    Start here if it stays digital. An uncalibrated monitor is the single most common reason a palette that looked right on your desk looks wrong everywhere else.

    Listed on Amazon as Calibrite ColorChecker Studio Spectrophotometer for Complete Color Management for Display, Projector, Printer and Scanner Profiling

    See price on Amazon
  • ...by hand

    Start here if you are mixing it. Wada's plates were flat printed colour; gansai pans are the closest everyday medium to them.

    Listed on Amazon as Kuretake GANSAI TAMBI Watercolor Paint Set 24 Colors II - Art Nouveau

    See price on Amazon

Amazon Associates affiliate links — your price is unchanged and a small commission keeps the archive free. As an Amazon Associate we earn from qualifying purchases.

Embed this palette

Add this swatch strip to any blog post, Notion page, or website. It links back here automatically.

<iframe src="https://colorcombinations.org/embed/ao-shiro/" width="320" height="80" frameborder="0" style="border-radius:6px;overflow:hidden;" title="Ao & White color palette — colorcombinations.org"></iframe>

Preview

Palette Pro · coming soon

Take this palette into Figma, Adobe or Procreate

Pro adds Figma variables, Adobe swatch files and Procreate swatches for every palette. The hex, CSS, Tailwind and JSON exports on this page stay free.

See what Pro adds

Questions about Ao & White

What colors are in the "Ao & White" palette?
Ao & White (青と白) contains 3 colors: Ao (#3A7D7B), Shiro (#FFFFFF), Sumi (#1C1C1C). An original editorial palette by colorcombinations.org, using traditional Japanese colour names.
When was the "Ao & White" palette created?
This palette was composed by the editors of colorcombinations.org and first published in April 2026. It uses traditional Japanese colour names associated with the heian era; it is not a plate from Sanzo Wada's 1933 dictionary.
What style or era does the "Ao & White" palette belong to?
Ao & White is associated with the heian era and emphasizes blue tones. The classical Japanese 'ao' — an ambiguous blue-green — against pure white.
Can I use the "Ao & White" palette in my own design?
Yes. This editorial palette and its metadata are CC BY 4.0 licensed — attribution to colorcombinations.org appreciated; the hex values themselves are facts and free to use.

Looking for a combination we don’t have yet?

Tell us the colour, mood, or palette you were after — it shapes which editorial combinations we add next.