Skip to main content

A little color. A new perspective.

Published Oct 10, 2026

Glasses Turn a Ring of Light

Test in Color Lab

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

A dreamy glass-harp concert palette with a dark green listening room, pale rosy type, muted cyan-green tables, soft salmon reflections, and blue-gray tickets for a quiet poster and reserved-seat page.

The feeling

A hushed glass-harp concert of dark green depth, rosy notes, watery cyan, salmon rings, and blue-gray tickets

Explore this palette ↓

The mood

Imagine tuned water glasses arranged along a table as slow circular reflections move across the listening room. Listening Green holds the quiet depth, Rose Note carries the concert title, and Glass Table gives the instrument line a cool, steady plane.

Salmon Halo marks the soft rings of reflected light without turning the scene into a pink wash. Ticket Haze brings a pale blue-gray pause to the set list and reserved-seat details.

How to use it

Use Listening Green for the poster field and listening-session page, then set the title, introduction, set list, and access notes in Rose Note. Apply Glass Table to the instrument row, program panels, and selected performance section. Use Salmon Halo for circular reflections and the current piece marker, and reserve Ticket Haze for seat cards, time blocks, and secondary information.

Start with a 56/28/16 balance across the green background, cyan-green primary, and salmon highlight. Treat Rose Note and Ticket Haze as supporting roles outside that surface ratio. Keep the reserved-seat label beside its seat number and price, and pair the current piece with text or a play-position icon rather than reflection color alone.

What to watch

Rose Note measures about 10.13:1 on Listening Green and 4.58:1 on Glass Table, so those pairs support normal-size text. Rose Note on Salmon Halo measures only 1.99:1, and on Ticket Haze only 1.30:1; both fail normal- and large-text thresholds. Use Listening Green on Salmon Halo at about 5.10:1 and on Ticket Haze at about 7.81:1.

Do not place salmon and blue-gray wording over each other, and keep moving reflections slow and optional in digital layouts. Preserve readable set-list order, time, seat information, and focus states even when the decorative circles are removed.

A considered balance

Make room for
the right colors.

Use Listening Green for the poster and page background, Rose Note for essential copy, Glass Table for program and instrument panels, Salmon Halo for circular reflections and the current-piece marker, and Ticket Haze for reserved-seat cards and time blocks. Set wording on salmon or blue-gray in Listening Green and pair every selected state with text or an icon.

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.

56 Base
28 Main
16 Point
Listening Green

Background & breathing room

Glass Table

Cards, graphics & sections

Salmon Halo

Focal areas & key details

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

Text on background
10.13:1 #F2DDE0 on #17362B · AAA normal text
Text on primary
4.58:1 #F2DDE0 on #356D68 · AA normal text
Text on highlight
1.99:1 #F2DDE0 on #D98E83 · Not suitable for text

The original text has low contrast (1.99:1). This example uses Listening Green (#17362B) from the same palette instead of #F2DDE0 on #D98E83, improving contrast to 5.10:1. This meets WCAG AA for normal text.

Text on accent
1.30:1 #F2DDE0 on #B7CBD2 · Not suitable for text

The original text has low contrast (1.30:1). This example uses Listening Green (#17362B) from the same palette instead of #F2DDE0 on #B7CBD2, improving contrast to 7.81:1. This meets WCAG AA for 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

Rose Note on Salmon Halo measures about 1.99:1 and on Ticket Haze about 1.30:1; both fail normal- and large-text thresholds. Use Listening Green on Salmon Halo at about 5.10:1 and on Ticket Haze at about 7.81:1. Do not use reflection color alone for the current piece, seat status, or focus state.

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 / glasses-turn-a-ring-of-light]
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: Rose Note #F2DDE0
Primary: Glass Table #356D68
Highlight: Salmon Halo #D98E83
Accent: Ticket Haze #B7CBD2
Background: Listening Green #17362B

Mood: A hushed glass-harp concert of dark green depth, rosy notes, watery cyan, salmon rings, and blue-gray tickets
Suggested uses: Music events
Application note: Use Listening Green for the poster and page background, Rose Note for essential copy, Glass Table for program and instrument panels, Salmon Halo for circular reflections and the current-piece marker, and Ticket Haze for reserved-seat cards and time blocks. Set wording on salmon or blue-gray in Listening Green and pair every selected state with text or an icon.
Avoid: Rose Note on Salmon Halo measures about 1.99:1 and on Ticket Haze about 1.30:1; both fail normal- and large-text thresholds. Use Listening Green on Salmon Halo at about 5.10:1 and on Ticket Haze at about 7.81:1. Do not use reflection color alone for the current piece, seat status, or focus state.
Use approximately 56% background, 28% primary, and 16% 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 / glasses-turn-a-ring-of-light]
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: Rose Note #F2DDE0
Primary: Glass Table #356D68
Highlight: Salmon Halo #D98E83
Accent: Ticket Haze #B7CBD2
Background: Listening Green #17362B

Mood: A hushed glass-harp concert of dark green depth, rosy notes, watery cyan, salmon rings, and blue-gray tickets
Suggested uses: Music events
Application note: Use Listening Green for the poster and page background, Rose Note for essential copy, Glass Table for program and instrument panels, Salmon Halo for circular reflections and the current-piece marker, and Ticket Haze for reserved-seat cards and time blocks. Set wording on salmon or blue-gray in Listening Green and pair every selected state with text or an icon.
Avoid: Rose Note on Salmon Halo measures about 1.99:1 and on Ticket Haze about 1.30:1; both fail normal- and large-text thresholds. Use Listening Green on Salmon Halo at about 5.10:1 and on Ticket Haze at about 7.81:1. Do not use reflection color alone for the current piece, seat status, or focus state.
Use approximately 56% background, 28% primary, and 16% 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: #F2DDE0;
  --color-primary: #356D68;
  --color-highlight: #D98E83;
  --color-accent: #B7CBD2;
  --color-background: #17362B;
}
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 / glasses-turn-a-ring-of-light]
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: Rose Note #F2DDE0
Primary: Glass Table #356D68
Highlight: Salmon Halo #D98E83
Accent: Ticket Haze #B7CBD2
Background: Listening Green #17362B

Mood: A hushed glass-harp concert of dark green depth, rosy notes, watery cyan, salmon rings, and blue-gray tickets
Suggested uses: Music events
Application note: Use Listening Green for the poster and page background, Rose Note for essential copy, Glass Table for program and instrument panels, Salmon Halo for circular reflections and the current-piece marker, and Ticket Haze for reserved-seat cards and time blocks. Set wording on salmon or blue-gray in Listening Green and pair every selected state with text or an icon.
Avoid: Rose Note on Salmon Halo measures about 1.99:1 and on Ticket Haze about 1.30:1; both fail normal- and large-text thresholds. Use Listening Green on Salmon Halo at about 5.10:1 and on Ticket Haze at about 7.81:1. Do not use reflection color alone for the current piece, seat status, or focus state.
Use approximately 56% background, 28% primary, and 16% 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: 10.13: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: #F2DDE0;
  --color-primary: #356D68;
  --color-highlight: #D98E83;
  --color-accent: #B7CBD2;
  --color-background: #17362B;
}

A little more inspiration.

All palettes ↗

Copy your color guide

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