This reference is generated from the flag colour data held in the Flag records, so colours stay consistent everywhere they appear. See each identity page for its flag and colour codes.
187 custom properties across 37 flags, generated from the Flag records. Paste into your stylesheet and reference them as var(--flag-bisexual-flag-magenta).
:root {
/* Abrosexual flag */
--flag-abrosexual-flag-dark-green: #46d294;
--flag-abrosexual-flag-light-green: #a3e9c8;
--flag-abrosexual-flag-white: #ffffff;
--flag-abrosexual-flag-light-pink: #f5a9b8;
--flag-abrosexual-flag-dark-pink: #ee1766;
/* Agender flag */
--flag-agender-flag-black-top: #000000;
--flag-agender-flag-gray-upper: #b4b4b4;
--flag-agender-flag-white-upper: #ffffff;
--flag-agender-flag-light-green-centre: #b3ed7f;
--flag-agender-flag-white-lower: #ffffff;
--flag-agender-flag-gray-lower: #b4b4b4;
--flag-agender-flag-black-bottom: #000000;
/* Androgyne & Androgyny flag */
--flag-androgyne-and-androgyny-flag-pink: #fe007f;
--flag-androgyne-and-androgyny-flag-white: #ffffff;
--flag-androgyne-and-androgyny-flag-blue: #00b8e7;
/* Aporagender flag */
--flag-aporagender-flag-yellow: #fcd689;
--flag-aporagender-flag-white: #ffffff;
--flag-aporagender-flag-grey: #ababab;
--flag-aporagender-flag-black: #000000;
--flag-aporagender-flag-purple: #8b00ff;
/* Aroace flag */
--flag-aroace-flag-1: #e38d00;
--flag-aroace-flag-2: #e7c601;
--flag-aroace-flag-3: #ffffff;
--flag-aroace-flag-4: #5faad7;
--flag-aroace-flag-5: #1f3554;
/* Aromantic Spectrum flag */
--flag-aromantic-spectrum-flag-1: #3da542;
--flag-aromantic-spectrum-flag-2: #a7d379;
--flag-aromantic-spectrum-flag-3: #ffffff;
--flag-aromantic-spectrum-flag-4: #a9a9a9;
--flag-aromantic-spectrum-flag-5: #000000;
/* Asexual Spectrum flag */
--flag-asexual-spectrum-flag-1: #000000;
--flag-asexual-spectrum-flag-2: #a4a4a4;
--flag-asexual-spectrum-flag-3: #ffffff;
--flag-asexual-spectrum-flag-4: #810081;
/* Bear Brotherhood flag */
--flag-bear-brotherhood-flag-dark-brown: #633800;
--flag-bear-brotherhood-flag-rust: #d76300;
--flag-bear-brotherhood-flag-golden: #ffde58;
--flag-bear-brotherhood-flag-tan: #ffe7b5;
--flag-bear-brotherhood-flag-white: #ffffff;
--flag-bear-brotherhood-flag-grey: #555555;
--flag-bear-brotherhood-flag-black: #000000;
/* Bigender flag */
--flag-bigender-flag-1: #c479a2;
--flag-bigender-flag-2: #eda5cd;
--flag-bigender-flag-3: #d5c7e8;
--flag-bigender-flag-4: #ffffff;
--flag-bigender-flag-5: #9ac7e8;
--flag-bigender-flag-6: #6d82d1;
/* Bisexual flag */
--flag-bisexual-flag-top-2-5: #d60270;
--flag-bisexual-flag-middle-1-5: #9b4f96;
--flag-bisexual-flag-bottom-2-5: #0038a8;
/* Butch & Femme flag */
--flag-butch-and-femme-flag-dark-orange: #d2691e;
--flag-butch-and-femme-flag-orange-brown: #c47d28;
--flag-butch-and-femme-flag-tan: #d4aa70;
--flag-butch-and-femme-flag-white: #ffffff;
--flag-butch-and-femme-flag-dark-blue: #002366;
/* Demiromantic Flag */
--flag-demiromantic-flag-black-chevron: #000000;
--flag-demiromantic-flag-white-area: #ffffff;
--flag-demiromantic-flag-gray-area: #a9a9a9;
--flag-demiromantic-flag-green-stripe: #3da542;
/* Demisexual flag */
--flag-demisexual-flag-black-chevron: #000000;
--flag-demisexual-flag-white-area: #ffffff;
--flag-demisexual-flag-gray-area: #a4a4a4;
--flag-demisexual-flag-purple-stripe: #810081;
/* Enbian flag */
--flag-enbian-flag-yellow: #fff430;
--flag-enbian-flag-yellow-green: #c5e01a;
--flag-enbian-flag-white: #ffffff;
--flag-enbian-flag-purple-grey: #9b59b6;
--flag-enbian-flag-dark-purple: #6c3483;
/* Genderfluid flag */
--flag-genderfluid-flag-1: #ff76a4;
--flag-genderfluid-flag-2: #ffffff;
--flag-genderfluid-flag-3: #c011d7;
--flag-genderfluid-flag-4: #000000;
--flag-genderfluid-flag-5: #2f3cbe;
/* Genderflux flag */
--flag-genderflux-flag-dark-pink: #b95e8a;
--flag-genderflux-flag-light-pink: #edaac4;
--flag-genderflux-flag-gray: #a4a4a4;
--flag-genderflux-flag-light-blue: #9ac7e8;
--flag-genderflux-flag-dark-blue: #3c5ea2;
/* Genderqueer flag */
--flag-genderqueer-flag-1: #b57edc;
--flag-genderqueer-flag-2: #ffffff;
--flag-genderqueer-flag-3: #4a8123;
/* Greygender & Gendervoid flag */
--flag-greygender-and-gendervoid-flag-white: #ffffff;
--flag-greygender-and-gendervoid-flag-grey: #ababab;
--flag-greygender-and-gendervoid-flag-dark-grey: #3d3d3d;
--flag-greygender-and-gendervoid-flag-purple: #9b59b6;
--flag-greygender-and-gendervoid-flag-black: #000000;
/* HRC Equality flag */
--flag-hrc-equality-flag-blue-field: #000066;
--flag-hrc-equality-flag-yellow-equals-sign: #ffdf1b;
/* Intersex flag */
--flag-intersex-flag-background: #ffd800;
--flag-intersex-flag-circle: #7902aa;
/* Intersex-Inclusive Progress Pride Flag */
--flag-intersex-inclusive-progress-pride-flag-red: #e40303;
--flag-intersex-inclusive-progress-pride-flag-orange: #ff8c00;
--flag-intersex-inclusive-progress-pride-flag-yellow: #ffed00;
--flag-intersex-inclusive-progress-pride-flag-green: #008026;
--flag-intersex-inclusive-progress-pride-flag-blue: #004dff;
--flag-intersex-inclusive-progress-pride-flag-violet: #750787;
--flag-intersex-inclusive-progress-pride-flag-black-chevron: #000000;
--flag-intersex-inclusive-progress-pride-flag-brown-chevron: #784f17;
--flag-intersex-inclusive-progress-pride-flag-light-blue-chevron: #5bcefa;
--flag-intersex-inclusive-progress-pride-flag-pink-chevron: #f5a9b8;
--flag-intersex-inclusive-progress-pride-flag-white-chevron: #ffffff;
--flag-intersex-inclusive-progress-pride-flag-yellow-triangle: #ffd800;
--flag-intersex-inclusive-progress-pride-flag-purple-circle: #7902aa;
/* Leather Pride flag */
--flag-leather-pride-flag-royal-blue: #252580;
--flag-leather-pride-flag-black: #000000;
--flag-leather-pride-flag-white: #ffffff;
--flag-leather-pride-flag-red-heart: #e80035;
/* Lesbian flag */
--flag-lesbian-flag-1: #d52d00;
--flag-lesbian-flag-2: #ef7627;
--flag-lesbian-flag-3: #ff9a56;
--flag-lesbian-flag-4: #ffffff;
--flag-lesbian-flag-5: #d162a4;
--flag-lesbian-flag-6: #b55690;
--flag-lesbian-flag-7: #a30262;
/* Maverique flag */
--flag-maverique-flag-white: #ffffff;
--flag-maverique-flag-yellow: #ffee00;
--flag-maverique-flag-orange: #ff6600;
/* Neutrois flag */
--flag-neutrois-flag-white: #ffffff;
--flag-neutrois-flag-green: #1f9b00;
--flag-neutrois-flag-black: #000000;
/* Non-Binary flag */
--flag-non-binary-flag-1: #fff430;
--flag-non-binary-flag-2: #ffffff;
--flag-non-binary-flag-3: #9c59d1;
--flag-non-binary-flag-4: #000000;
/* Omnisexual flag */
--flag-omnisexual-flag-light-pink: #fe9ace;
--flag-omnisexual-flag-pink: #ff53bf;
--flag-omnisexual-flag-dark-purple: #200044;
--flag-omnisexual-flag-blue: #6760fe;
--flag-omnisexual-flag-light-blue: #8ea6ff;
/* Pangender flag */
--flag-pangender-flag-light-yellow: #fff798;
--flag-pangender-flag-light-pink: #fecbe3;
--flag-pangender-flag-light-orange: #ffd1a4;
--flag-pangender-flag-white: #ffffff;
/* Pansexual flag */
--flag-pansexual-flag-1: #ff218c;
--flag-pansexual-flag-2: #ffd800;
--flag-pansexual-flag-3: #21b1ff;
/* Philadelphia Pride Flag */
--flag-philadelphia-pride-flag-black-stripe: #000000;
--flag-philadelphia-pride-flag-brown-stripe: #784f17;
--flag-philadelphia-pride-flag-red: #e40303;
--flag-philadelphia-pride-flag-orange: #ff8c00;
--flag-philadelphia-pride-flag-yellow: #ffed00;
--flag-philadelphia-pride-flag-green: #008026;
--flag-philadelphia-pride-flag-blue: #004dff;
--flag-philadelphia-pride-flag-violet: #750787;
/* Polyamorous flag */
--flag-polyamorous-flag-top-stripe: #009fe3;
--flag-polyamorous-flag-middle-stripe: #e50051;
--flag-polyamorous-flag-bottom-stripe: #340c46;
--flag-polyamorous-flag-chevron: #ffffff;
--flag-polyamorous-flag-heart: #fcbf00;
/* Polysexual flag */
--flag-polysexual-flag-1: #f61cb9;
--flag-polysexual-flag-2: #07d569;
--flag-polysexual-flag-3: #1c92f6;
/* Progress Pride Flag */
--flag-progress-pride-flag-red: #e40303;
--flag-progress-pride-flag-orange: #ff8c00;
--flag-progress-pride-flag-yellow: #ffed00;
--flag-progress-pride-flag-green: #008026;
--flag-progress-pride-flag-blue: #004dff;
--flag-progress-pride-flag-violet: #750787;
--flag-progress-pride-flag-black-chevron: #000000;
--flag-progress-pride-flag-brown-chevron: #784f17;
--flag-progress-pride-flag-light-blue-chevron: #5bcefa;
--flag-progress-pride-flag-pink-chevron: #f5a9b8;
--flag-progress-pride-flag-white-chevron: #ffffff;
/* Puppy Pride flag */
--flag-puppy-pride-flag-blue: #21409a;
--flag-puppy-pride-flag-black: #000000;
--flag-puppy-pride-flag-white: #ffffff;
--flag-puppy-pride-flag-red-bone: #ed1c24;
/* Queer People of Color flag */
--flag-queer-people-of-color-flag-red: #e40303;
--flag-queer-people-of-color-flag-orange: #ff8c00;
--flag-queer-people-of-color-flag-yellow: #ffed00;
--flag-queer-people-of-color-flag-green: #008026;
--flag-queer-people-of-color-flag-blue: #004dff;
--flag-queer-people-of-color-flag-violet: #750787;
/* Original 8-Stripe Gilbert Baker Rainbow Flag */
--flag-rainbow-8-stripe-baker-flag-hot-pink: #df1995;
--flag-rainbow-8-stripe-baker-flag-red: #e4002b;
--flag-rainbow-8-stripe-baker-flag-orange: #fe5000;
--flag-rainbow-8-stripe-baker-flag-yellow: #ffcd00;
--flag-rainbow-8-stripe-baker-flag-green: #00843d;
--flag-rainbow-8-stripe-baker-flag-turquoise: #009aa6;
--flag-rainbow-8-stripe-baker-flag-indigo: #003da5;
--flag-rainbow-8-stripe-baker-flag-violet: #a634b2;
/* Rainbow / LGBTQIA+ Pride Flag */
--flag-rainbow-pride-flag-red: #e40303;
--flag-rainbow-pride-flag-orange: #ff8c00;
--flag-rainbow-pride-flag-yellow: #ffed00;
--flag-rainbow-pride-flag-green: #008026;
--flag-rainbow-pride-flag-blue: #004dff;
--flag-rainbow-pride-flag-violet: #750787;
}Not included, because no standard colour codes are recorded for them:
- Achillean / MLM (Men Loving Men) flag
- Anarchy flag
- Demiboy Flag
- Demigender Flag
- Demigirl Flag
- Disability Pride flag
- Flag of Facts
- Gay men's flag
- Gendergender flag
- Graysexual Flag
- Palestinian flag
- Rainbow Peace flag
- Sapphic / WLW flag
That is expected for flags whose colours have never been formally specified. If a flag here should have codes, add its stripes to the Flag record and it will appear automatically.