INDEPENDENT STUDIO · SEOUL
Design with
today’s color.
A little space for fresh ideas. A considered palette for whatever comes next.
A little color. A new perspective.
Published Oct 23, 2026
Five colors, endless possibilities. Select a color to copy its HEX.
A mysterious winter-booking palette with pale-blue snow, dark-cyan type, a muted-red curtain, green pines, and a charcoal gate framing a warm threshold.
The feeling
A charcoal gate revealing a red-curtained entry beyond blue snow and layered pines
Explore this palette ↓Imagine crossing a snowed-in courtyard as one side of a dark gate swings inward. Beyond it, an Entry Curtain glows in muted red while Pine Shadow rises along the wall. Snow Blue gathers on the paving and frosted glass, making the narrow opening feel deeper.
Courtyard Ink leads from the cold foreground to the room choices, and Gate Charcoal fixes the threshold in place. The view is quiet but expectant: the outside remains broad and pale while the entry is revealed in close, layered shapes.
Use Snow Blue for the page background, courtyard map, and room-option overview. Set headings, arrival details, stay dates, and room labels in Courtyard Ink. Apply Entry Curtain to the revealed interior panel, Pine Shadow to room-detail cards and tree silhouettes, and Gate Charcoal to the gate, navigation rail, and selected-option frame.
Begin with 52% Snow Blue, 28% Entry Curtain, and 20% Pine Shadow. Treat Courtyard Ink and Gate Charcoal as supporting roles outside that ratio. Arrange the room overview outside the gate, then let the selected room open into arrival details and an editable stay summary.
Courtyard Ink on Snow Blue measures about 8.69:1 and passes the 4.5:1 AA threshold for normal text and the 3:1 threshold for large text. It reaches only 1.87:1 on Entry Curtain, 1.89:1 on Pine Shadow, and 1.17:1 on Gate Charcoal, so all three fail both thresholds.
Use Snow Blue for labels on Entry Curtain at 4.64:1, Pine Shadow at 4.60:1, and Gate Charcoal at 10.20:1. Entry Curtain and Pine Shadow are only 1.01:1 apart; outline their meaningful overlap in Snow Blue, which contrasts above 4.5:1 with both. Curtain/gate is 2.20:1 and pine/gate 2.22:1, so use the same Snow Blue outline when the gate edge or selected frame carries meaning.
A considered balance
Use Snow Blue for the booking background and overview, Courtyard Ink for essential copy, Entry Curtain for the revealed interior panel, Pine Shadow for room-detail cards and trees, and Gate Charcoal for the gate and selected frame. Set labels inside Entry Curtain specifically in Snow Blue at 4.64:1, inside Pine Shadow in Snow Blue at 4.60:1, and inside Gate Charcoal in Snow Blue at 10.20:1. Outline meaningful curtain-pine, curtain-gate, and pine-gate edges in Snow Blue. Keep room, arrival, and stay selections written and editable.
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.
Background & breathing room
Cards, graphics & sections
Focal areas & key details
Background · Primary · Highlight. Use text and accent colors where their roles call for them.
Recommended text on primary
The original text has low contrast (1.87:1). This example uses Snow Blue (#C9DDEA) from the same palette instead of #103B43 on #80524F, improving contrast to 4.64:1. This meets WCAG AA for normal text.
Recommended text on highlight
The original text has low contrast (1.89:1). This example uses Snow Blue (#C9DDEA) from the same palette instead of #103B43 on #45664E, improving contrast to 4.60:1. This meets WCAG AA for normal text.
Recommended text on accent
The original text has low contrast (1.17:1). This example uses Snow Blue (#C9DDEA) from the same palette instead of #103B43 on #282B2C, improving contrast to 10.20: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
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.
INDEPENDENT STUDIO · SEOUL
A little space for fresh ideas. A considered palette for whatever comes next.
THE POSTER STUDY
Big type, quiet space, and a single moment of color.
THE BRAND STUDY
THE PRESENTATION STUDY
A cover, a key message, and a plan. One palette brings the story together.
ONDA° / IDEAS IN MOTION
Make room for what comes next.
01 / 03 · THE VISION02 / 03 · THE IDEA
03 / 03 · THE NEXT STEP
From inspiration to creation
Add a considered color direction to the design you already have in mind. Your layout and instructions stay yours.
Try it in the design or AI tool you already use.
[Color guide — coloring.today / gate-opens-across-the-snow] 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: Courtyard Ink #103B43 Primary: Entry Curtain #80524F Highlight: Pine Shadow #45664E Accent: Gate Charcoal #282B2C Background: Snow Blue #C9DDEA Mood: A charcoal gate revealing a red-curtained entry beyond blue snow and layered pines Suggested uses: Resort booking Application note: Use Snow Blue for the booking background and overview, Courtyard Ink for essential copy, Entry Curtain for the revealed interior panel, Pine Shadow for room-detail cards and trees, and Gate Charcoal for the gate and selected frame. Set labels inside Entry Curtain specifically in Snow Blue at 4.64:1, inside Pine Shadow in Snow Blue at 4.60:1, and inside Gate Charcoal in Snow Blue at 10.20:1. Outline meaningful curtain-pine, curtain-gate, and pine-gate edges in Snow Blue. Keep room, arrival, and stay selections written and editable. Avoid: Courtyard Ink on Entry Curtain is about 1.87:1, on Pine Shadow 1.89:1, and on Gate Charcoal 1.17:1; all fail the 4.5:1 normal-text and 3:1 large-text thresholds. Use Snow Blue on those surfaces at 4.64:1, 4.60:1, and 10.20:1. Curtain/pine is 1.01:1, curtain/gate 2.20:1, and pine/gate 2.22:1, so meaningful overlaps need a Snow Blue outline. Use approximately 52% background, 28% 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 / gate-opens-across-the-snow]
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: Courtyard Ink #103B43
Primary: Entry Curtain #80524F
Highlight: Pine Shadow #45664E
Accent: Gate Charcoal #282B2C
Background: Snow Blue #C9DDEA
Mood: A charcoal gate revealing a red-curtained entry beyond blue snow and layered pines
Suggested uses: Resort booking
Application note: Use Snow Blue for the booking background and overview, Courtyard Ink for essential copy, Entry Curtain for the revealed interior panel, Pine Shadow for room-detail cards and trees, and Gate Charcoal for the gate and selected frame. Set labels inside Entry Curtain specifically in Snow Blue at 4.64:1, inside Pine Shadow in Snow Blue at 4.60:1, and inside Gate Charcoal in Snow Blue at 10.20:1. Outline meaningful curtain-pine, curtain-gate, and pine-gate edges in Snow Blue. Keep room, arrival, and stay selections written and editable.
Avoid: Courtyard Ink on Entry Curtain is about 1.87:1, on Pine Shadow 1.89:1, and on Gate Charcoal 1.17:1; all fail the 4.5:1 normal-text and 3:1 large-text thresholds. Use Snow Blue on those surfaces at 4.64:1, 4.60:1, and 10.20:1. Curtain/pine is 1.01:1, curtain/gate 2.20:1, and pine/gate 2.22:1, so meaningful overlaps need a Snow Blue outline.
Use approximately 52% background, 28% 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: #103B43;
--color-primary: #80524F;
--color-highlight: #45664E;
--color-accent: #282B2C;
--color-background: #C9DDEA;
}
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 / gate-opens-across-the-snow] 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: Courtyard Ink #103B43 Primary: Entry Curtain #80524F Highlight: Pine Shadow #45664E Accent: Gate Charcoal #282B2C Background: Snow Blue #C9DDEA Mood: A charcoal gate revealing a red-curtained entry beyond blue snow and layered pines Suggested uses: Resort booking Application note: Use Snow Blue for the booking background and overview, Courtyard Ink for essential copy, Entry Curtain for the revealed interior panel, Pine Shadow for room-detail cards and trees, and Gate Charcoal for the gate and selected frame. Set labels inside Entry Curtain specifically in Snow Blue at 4.64:1, inside Pine Shadow in Snow Blue at 4.60:1, and inside Gate Charcoal in Snow Blue at 10.20:1. Outline meaningful curtain-pine, curtain-gate, and pine-gate edges in Snow Blue. Keep room, arrival, and stay selections written and editable. Avoid: Courtyard Ink on Entry Curtain is about 1.87:1, on Pine Shadow 1.89:1, and on Gate Charcoal 1.17:1; all fail the 4.5:1 normal-text and 3:1 large-text thresholds. Use Snow Blue on those surfaces at 4.64:1, 4.60:1, and 10.20:1. Curtain/pine is 1.01:1, curtain/gate 2.20:1, and pine/gate 2.22:1, so meaningful overlaps need a Snow Blue outline. Use approximately 52% background, 28% 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: 8.69: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
Copy the same colors as semantic CSS variables. Every preview and prompt on this page uses this palette.
:root {
--color-text: #103B43;
--color-primary: #80524F;
--color-highlight: #45664E;
--color-accent: #282B2C;
--color-background: #C9DDEA;
}
Published Sep 30, 2026
Published Sep 11, 2026
Published Aug 20, 2026