The editor's color list is a closed set: picking from it never lands on a brand hex it lacks. Carry the exact shade in exported PNG artwork, use a gradient only where a transition is acceptable, then judge the color on the panel under the sign's own light at the real viewing distance.
Your brand sheet prints one exact shade, the design tool offers a fixed list of colors, and the two do not meet. That list is a closed set: every fill and text color you assign comes from its preset entries, so picking from it can never land on a hex the list lacks. The fix is to stop asking the palette and carry the shade in the artwork. Build the flat-color areas as an image that holds the exact sRGB value, place the words as live text on top, and use a gradient only where a visible transition is acceptable. Then judge the result on the sign itself, under the light it will live in, because glass shows brand colors a little differently from the monitor you designed on. The same method covers menu boards, shelf ends and counter screens.
Why a fixed palette cannot make your shade
A fixed palette is a preset list. There is no entry to add and no setting that extends it, so a shift spent hunting through menus is a shift wasted. The color space the screen renders is a different thing entirely: 24-bit sRGB, 256 levels for each of red, green and blue, which is 16,777,216 possible colors running from #000000 to #FFFFFF. A preset list touches a handful of those. Unless one entry happens to be exactly the hex on your brand sheet, selection cannot reach it.
Two routes reach every other shade. A gradient blends between two colors across an area. An imported bitmap carries whatever colors the artwork holds. Both come out of the same workflow: build the color in a design tool, export the artwork, place it in the slide.
Symptoms and what each points to
- Every object you recolor snaps back to the same short list of shades. That is the fixed palette at work. No setting changes it.
- The on-screen color looks close but wrong next to the printed card. The fill is a palette entry near your hex, off by some levels on one or more channels. Stop tuning and move the shade into artwork.
- The slide looks right on the office monitor and off on the sign. Gamut, white balance and backlight age shift saturated colors between screens. Judge on the panel, under the sign's own light.
- Two screens show one slide differently. Panel-to-panel variation. The unit that runs the sign is the judge.
Carry the shade in the artwork
- Take the hex from the brand sheet, such as #1A4F8B for a deep navy.
- Set the canvas to the screen's native resolution, printed in the quote or spec sheet; a full-screen board is often 1920 × 1080. At native size the image needs no scaling on the panel.
- Fill the flat areas with the exact hex and export as PNG. PNG stores every pixel as exported; JPEG smoothing shifts flat fills.
- Import the PNG into the slide as the background or header art. The image shows its own pixels; objects outside it still select from the fixed list.
- Keep words, prices and times as live text on top, so a price change means editing text, not rebuilding artwork. If part of the layout plays video, keep those regions native, because a card player cannot show multiple videos at once.
- Build the slide free in your browser with the card builder and load it to the card.
When a gradient works
A gradient reaches shades the fixed list lacks, and it suits areas where a slow shift reads as design: header banners, background fields, side panels. It is the wrong tool where the eye compares screen and print side by side: logo fields, text fills and small badges need the flat exact value, and a gradient shows its transition there. Gradients come from the design tool like any other artwork, so the export and import steps stay the same.
Checks before you publish
- Compare the running sign with the printed swatch under the sign's own light, not the office ceiling. Warm or cool store lighting moves what your eye accepts.
- Size the text from the real distance: the FHWA planning figure is 30 ft of viewing distance per inch of capital letter height, 20 ft per inch when people read on the move, with line spacing at 1.7 × capital height. The guide to screen size and viewing distance works the full method.
- Run the contrast test for the text color on the new shade before you commit. The worked example below carries one through.
- Play the slide from the card on the panel itself. A preview on a monitor checks the layout; the glass decides the color.
Worked example: white text on a #1A4F8B menu board header
Inputs: a full-width navy header with the brand shade #1A4F8B from the brand sheet; white text #FFFFFF on it; the WCAG 2.1 contrast requirements in plain terms, 4.5 to 1 for normal-size text and 3 to 1 for large text; and the WCAG relative luminance weights, 0.2126 on red, 0.7152 on green and 0.0722 on blue.
Rule: split the hex into red, green and blue levels out of 255, scale each to a value from 0 to 1, linearize it with the sRGB curve ((c + 0.055) / 1.055)^2.4, combine the three with the weights, then contrast = (lighter + 0.05) / (darker + 0.05).
Arithmetic:
- #1A4F8B is red 26, green 79, blue 139 out of 255 (hex 1A is 26, 4F is 79, 8B is 139).
- Red: 26 / 255 = 0.102, so ((0.102 + 0.055) / 1.055)^2.4 = 0.0103
- Green: 79 / 255 = 0.310, so ((0.310 + 0.055) / 1.055)^2.4 = 0.0782
- Blue: 139 / 255 = 0.545, so ((0.545 + 0.055) / 1.055)^2.4 = 0.2582
- Luminance L = (0.2126 × 0.0103) + (0.7152 × 0.0782) + (0.0722 × 0.2582) = 0.00219 + 0.05593 + 0.01864 = 0.07676
- White text: (1.0 + 0.05) / (0.07676 + 0.05) = 1.05 / 0.12676 = 8.3 to 1
- Black text: (0.07676 + 0.05) / (0.0 + 0.05) = 0.12676 / 0.05 = 2.5 to 1
Result and decision: the pass lines are 4.5 to 1 for normal text and 3 to 1 for large text. White on this navy scores 8.3 to 1 and clears both with room to spare; black scores 2.5 to 1 and misses both. Set the header text white. Because the artwork carries #1A4F8B itself, no palette entry is involved anywhere in the decision; what remains is the on-glass check against the printed swatch.
The decision
Recommendation: Carry brand shades in exported PNG artwork at the screen's native resolution and keep text live on top; reach for a gradient only where a visible transition is acceptable. Check the shade on the running panel, in the sign's own light, next to the printed swatch. Set text color by the contrast test from the worked example, 4.5 to 1 for normal text and 3 to 1 for large text: white on dark navies such as #1A4F8B, dark text only on light shades. If the sign rotates campaigns with different shades, keep one artwork file per shade so the next swap is an export, never a palette hunt.
Questions
Why does the same hex look different on two of our screens?
Each panel renders the file's value through its own gamut, white balance and backlight, so saturated brand colors move a little from screen to screen. The file holds one exact value; every panel shows its own version of it. Match the artwork to the printed swatch on the screen that runs the sign, under that sign's lighting, and accept small differences on other screens.
Can I add my brand color to the editor's fixed palette?
A fixed palette is a preset list with no entry to add and no setting that extends it, so selecting can only ever land on entries already in the list. The shade reaches the screen through artwork that carries it: export the flat-color areas as a PNG with the exact hex, or draw a gradient where a transition is acceptable.
Which file format keeps the exact brand shade?
PNG. It stores every pixel exactly as exported, so flat brand fills survive the trip to the card unchanged. JPEG compresses and smooths flat areas, which shifts the shade slightly and roughens edges. Export at the screen's native resolution so the image is shown without scaling, which also keeps the artwork crisp at its edges.
Does an imported bitmap add the shade to the palette for other objects?
No. The image shows its own pixels and nothing else; fills and text outside it still select from the same fixed list. Keep the shade inside artwork wherever it appears and note which parts of the slide are artwork, so a later edit does not swap a background back to the nearest palette entry.
Planning information, not legal or engineering advice. Rules differ by place: check codes and permits with your local authority and your licensed trades.