Skip to main content
♡ Saved 0
Log in

A little color. A new perspective.

Published Sep 10, 2026

The Dome Lifts Over Dinner

Test in Color Lab

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

A dramatic autumn restaurant palette of violet evening, pale green type, warm red, electric cyan, and blue shadow.

Restaurants

The feeling

A lifted plate dome, illuminated dish, narrow cyan rim, and dark oval menu shadow

Explore this palette ↓

The mood

A domed plate cover rises above one illuminated dish. A dark oval fixes the menu to the table, while a narrow cyan rim catches the exact instant of reveal.

Dining Violet surrounds the scene, Celery Light carries the menu title, and Cloche Red gives the lifted dome its warm volume. Reveal Cyan traces the narrow edge of light, while Table Shadow keeps the reservation card grounded beneath it.

How to use it

Use Dining Violet for 61% of the menu field, Cloche Red for 26% of the central dome, and Reveal Cyan for the 13% illuminated rim and dish opening. This ratio keeps evening shadow dominant, makes the cover substantial, and concentrates the brightest color at the reveal.

Set Celery Light on Dining Violet at 13.76:1 and on the Table Shadow panel at 12.10:1. On Cloche Red and Reveal Cyan, switch to Dining Violet text at 5.21:1 and 8.00:1. Use clear labels such as “Menu,” “Reservation,” “Date,” and “Time,” and identify confirmation states in words.

What to watch

Celery Light measures only 2.64:1 on Cloche Red and 1.72:1 on Reveal Cyan, so both pairs fail normal and large text. Use Dining Violet on those lighter surfaces.

Table Shadow and Dining Violet are only 1.14:1 apart. Separate the oval with Celery Light type, a cyan rim, or open spacing rather than asking the two dark colors to define its boundary alone. The palette organizes an imagined evening service and does not represent a real venue, menu, review, or reservation status.

A considered balance

Make room for
the right colors.

Use Dining Violet for the 61% evening field, Cloche Red for the 26% dome, and Reveal Cyan for the 13% rim and opening. Set Celery Light on the violet field and Table Shadow; use Dining Violet for text on red and cyan. Label menu and reservation fields clearly, including date, time, and confirmation state.

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.

61 Base
26 Main
13 Point
Dining Violet

Background & breathing room

Cloche Red

Cards, graphics & sections

Reveal Cyan

Buttons & key signals

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

Text on background
13.76:1 #DCF0B8 on #2B123A · AAA normal text
Text on primary
2.64:1 #DCF0B8 on #D1766C · Not suitable for text

Recommended text on primary

The original text has low contrast (2.64:1). This example uses Dining Violet (#2B123A) from the same palette instead of #DCF0B8 on #D1766C, improving contrast to 5.21:1. This meets WCAG AA for normal text.

Text on highlight
1.72:1 #DCF0B8 on #27C5D2 · Not suitable for text

Recommended text on highlight

The original text has low contrast (1.72:1). This example uses Dining Violet (#2B123A) from the same palette instead of #DCF0B8 on #27C5D2, improving contrast to 8.00:1. This meets WCAG AA for normal text.

Text on accent
12.10:1 #DCF0B8 on #142846 · 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

Celery Light on Cloche Red is 2.64:1 and on Reveal Cyan is 1.72:1; both fail normal and large text. Use Dining Violet instead at 5.21:1 and 8.00:1. Separate the two dark surfaces with type, spacing, or a rim, and label reservation states in words.

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 / the-dome-lifts-over-dinner]
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: Celery Light #DCF0B8
Primary: Cloche Red #D1766C
Highlight: Reveal Cyan #27C5D2
Accent: Table Shadow #142846
Background: Dining Violet #2B123A

Mood: A lifted plate dome, illuminated dish, narrow cyan rim, and dark oval menu shadow
Suggested uses: Restaurants
Application note: Use Dining Violet for the 61% evening field, Cloche Red for the 26% dome, and Reveal Cyan for the 13% rim and opening. Set Celery Light on the violet field and Table Shadow; use Dining Violet for text on red and cyan. Label menu and reservation fields clearly, including date, time, and confirmation state.
Avoid: Celery Light on Cloche Red is 2.64:1 and on Reveal Cyan is 1.72:1; both fail normal and large text. Use Dining Violet instead at 5.21:1 and 8.00:1. Separate the two dark surfaces with type, spacing, or a rim, and label reservation states in words.
Use approximately 61% background, 26% primary, and 13% 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 / the-dome-lifts-over-dinner]
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: Celery Light #DCF0B8
Primary: Cloche Red #D1766C
Highlight: Reveal Cyan #27C5D2
Accent: Table Shadow #142846
Background: Dining Violet #2B123A

Mood: A lifted plate dome, illuminated dish, narrow cyan rim, and dark oval menu shadow
Suggested uses: Restaurants
Application note: Use Dining Violet for the 61% evening field, Cloche Red for the 26% dome, and Reveal Cyan for the 13% rim and opening. Set Celery Light on the violet field and Table Shadow; use Dining Violet for text on red and cyan. Label menu and reservation fields clearly, including date, time, and confirmation state.
Avoid: Celery Light on Cloche Red is 2.64:1 and on Reveal Cyan is 1.72:1; both fail normal and large text. Use Dining Violet instead at 5.21:1 and 8.00:1. Separate the two dark surfaces with type, spacing, or a rim, and label reservation states in words.
Use approximately 61% background, 26% primary, and 13% 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: #DCF0B8;
  --color-primary: #D1766C;
  --color-highlight: #27C5D2;
  --color-accent: #142846;
  --color-background: #2B123A;
}
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 / the-dome-lifts-over-dinner]
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: Celery Light #DCF0B8
Primary: Cloche Red #D1766C
Highlight: Reveal Cyan #27C5D2
Accent: Table Shadow #142846
Background: Dining Violet #2B123A

Mood: A lifted plate dome, illuminated dish, narrow cyan rim, and dark oval menu shadow
Suggested uses: Restaurants
Application note: Use Dining Violet for the 61% evening field, Cloche Red for the 26% dome, and Reveal Cyan for the 13% rim and opening. Set Celery Light on the violet field and Table Shadow; use Dining Violet for text on red and cyan. Label menu and reservation fields clearly, including date, time, and confirmation state.
Avoid: Celery Light on Cloche Red is 2.64:1 and on Reveal Cyan is 1.72:1; both fail normal and large text. Use Dining Violet instead at 5.21:1 and 8.00:1. Separate the two dark surfaces with type, spacing, or a rim, and label reservation states in words.
Use approximately 61% background, 26% primary, and 13% 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: 13.76: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: #DCF0B8;
  --color-primary: #D1766C;
  --color-highlight: #27C5D2;
  --color-accent: #142846;
  --color-background: #2B123A;
}

A little more inspiration.

All palettes ↗

Copy your color guide

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