Skip to content

Update Ukrainian flag colors per DSTU 4512:2006#653

Merged
b-g merged 2 commits into
hfg-gmuend:masterfrom
asilichenko:patch-1
Jun 2, 2026
Merged

Update Ukrainian flag colors per DSTU 4512:2006#653
b-g merged 2 commits into
hfg-gmuend:masterfrom
asilichenko:patch-1

Conversation

@asilichenko

Copy link
Copy Markdown
Contributor

Updated the blue and yellow hex codes of the Ukrainian flag to strictly comply with the national standard DSTU 4512:2006:

  • Blue: PANTONE 2935 C (#005BBB)
  • Yellow: PANTONE Yellow C (#FFD500)

Updated the blue and yellow hex codes of the Ukrainian flag to strictly comply with the national standard DSTU 4512:2006:

- Blue: PANTONE 2935 C (#005BBB)
- Yellow: PANTONE Yellow C (#FFD500)
@nataliakeniganti

Copy link
Copy Markdown
Contributor

Please follow openmoji pallette https://openmoji.org/styleguide/

@asilichenko

asilichenko commented May 24, 2026

Copy link
Copy Markdown
Contributor Author

Please follow openmoji pallette https://openmoji.org/styleguide/

https://openmoji.org/styleguide/

The palette on the website seems to be incomplete. For example, the USA flag SVG uses the dark blue color #1e50a0:

https://github.com/hfg-gmuend/openmoji/blob/master/src/flags/country-flag/1F1FA-1F1F8.svg

1F1FA-1F1F8.svg

However, this color is not listed in the palette shown on the style guide page.

I also found a palette file where this color is present:

https://github.com/hfg-gmuend/openmoji/blob/master/data/color-palette.json

In this case, would it be acceptable to use #1e50a0 for blue?

@asilichenko

asilichenko commented May 24, 2026

Copy link
Copy Markdown
Contributor Author

Made image palette from the file /data/color-palette.json::

<svg id="emoji" viewBox="0 0 50 120" xmlns="http://www.w3.org/2000/svg">
  <g id="color">
    <rect x="0" y="0" width="50" height="4" fill="#000000"/>
    <rect x="0" y="5" width="50" height="4" fill="#ffffff"/>
    <rect x="0" y="10" width="50" height="4" fill="#92d3f5"/>
    <rect x="0" y="15" width="50" height="4" fill="#61b2e4"/>
    <rect x="0" y="20" width="50" height="4" fill="#ea5a47"/>
    <rect x="0" y="25" width="50" height="4" fill="#d22f27"/>
    <rect x="0" y="30" width="50" height="4" fill="#b1cc33"/>
    <rect x="0" y="35" width="50" height="4" fill="#5c9e31"/>
    <rect x="0" y="40" width="50" height="4" fill="#fcea2b"/>
    <rect x="0" y="45" width="50" height="4" fill="#f1b31c"/>
    <rect x="0" y="50" width="50" height="4" fill="#d0cfce"/>
    <rect x="0" y="55" width="50" height="4" fill="#9b9b9a"/>
    <rect x="0" y="60" width="50" height="4" fill="#3f3f3f"/>
    <rect x="0" y="65" width="50" height="4" fill="#f4aa41"/>
    <rect x="0" y="70" width="50" height="4" fill="#e27022"/>
    <rect x="0" y="75" width="50" height="4" fill="#ffa7c0"/>
    <rect x="0" y="80" width="50" height="4" fill="#e67a94"/>
    <rect x="0" y="85" width="50" height="4" fill="#b399c8"/>
    <rect x="0" y="90" width="50" height="4" fill="#8967aa"/>
    <rect x="0" y="95" width="50" height="4" fill="#a57939"/>
    <rect x="0" y="100" width="50" height="4" fill="#6a450f"/>
    <rect x="0" y="105" width="50" height="4" fill="#1e50a0"/>
    <rect x="0" y="110" width="50" height="4" fill="#781e32"/>
    <rect x="0" y="115" width="50" height="4" fill="#186648"/>
  </g>
  <text x="5" y="3" font-size="2.5">
    <tspan x="5" dy="0" fill="#ffffff">#000000</tspan>
    <tspan x="5" dy="5">#ffffff</tspan>
    <tspan x="5" dy="5">#92d3f5</tspan>
    <tspan x="5" dy="5">#61b2e4</tspan>
    <tspan x="5" dy="5">#ea5a47</tspan>
    <tspan x="5" dy="5">#d22f27</tspan>
    <tspan x="5" dy="5">#b1cc33</tspan>
    <tspan x="5" dy="5">#5c9e31</tspan>
    <tspan x="5" dy="5">#fcea2b</tspan>
    <tspan x="5" dy="5">#f1b31c</tspan>
    <tspan x="5" dy="5">#d0cfce</tspan>
    <tspan x="5" dy="5">#9b9b9a</tspan>
    <tspan x="5" dy="5">#3f3f3f</tspan>
    <tspan x="5" dy="5">#f4aa41</tspan>
    <tspan x="5" dy="5">#e27022</tspan>
    <tspan x="5" dy="5">#ffa7c0</tspan>
    <tspan x="5" dy="5">#e67a94</tspan>
    <tspan x="5" dy="5">#b399c8</tspan>
    <tspan x="5" dy="5">#8967aa</tspan>
    <tspan x="5" dy="5">#a57939</tspan>
    <tspan x="5" dy="5">#6a450f</tspan>
    <tspan x="5" dy="5">#1e50a0</tspan>
    <tspan x="5" dy="5">#781e32</tspan>
    <tspan x="5" dy="5">#186648</tspan>
  </text>
</svg>

color-palette json

Number of colors on the web-page: 21
Number of colors in the palette json file: 24
Extra colors - last 3 ones:

  • dark blue: #1e50a0
  • dark red: #781e32
  • dark green: #186648

@b-g b-g merged commit 36e6e08 into hfg-gmuend:master Jun 2, 2026
1 check passed
@b-g

b-g commented Jun 2, 2026

Copy link
Copy Markdown
Member

@asilichenko many thanks for this! Great 👍 Merged.

@asilichenko asilichenko deleted the patch-1 branch June 2, 2026 10:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants