{"id":363,"date":"2023-09-27T12:36:59","date_gmt":"2023-09-27T11:36:59","guid":{"rendered":"https:\/\/ocs.test\/wp\/?page_id=363"},"modified":"2026-09-18T17:33:05","modified_gmt":"2026-09-18T16:33:05","slug":"chroma","status":"publish","type":"page","link":"https:\/\/ocs.com\/uk\/chroma\/","title":{"rendered":"CHROMA Network"},"content":{"rendered":"    <section id=\"block_acf-block-6aad67c0514c9\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl w-full mx-auto px-4 mb-6 md:mb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative mx-auto rounded-[32px] \" style=\"background-color: #FFFFFF;\">\n\n            <div class=\"absolute inset-0 overflow-hidden rounded-[32px] pointer-events-none\">\n                \n                                    <div class=\"absolute left-0 top-0 w-full h-full overflow-hidden\">\n                        <div class=\"absolute z-0 top-[259px] md:top-[202px] lg:top-[200px] -left-[82px] md:-left-[191px] lg:-left-[245px] -rotate-[6deg] w-full h-full scale-150 ocs-decoration text-[#ffffff]\">\n                            <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1408\/323;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/search_hero.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/search_hero.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative z-20 py-16 lg:py-[100px] px-6 lg:px-0 w-full max-w-[880px] mx-auto flex flex-col justify-center items-center gap-8 rounded-[32px] md:gap-12\">\n                                                                    <h1 data-animate=\"heading\" class=\"text-crop -tracking-[0.5px] text-ocs-gray-nav font-medium text-[40px] md:text-[52px] leading-[44px] md:leading-[58px] text-center\">\n                        CHROMA Network                    <\/h1>\n                                                        <div data-animate=\"prose\"  class=\"text-ocs-gray-nav text-xl text-center\">\n                            As a people-centric business, we prioritise inclusivity and value diversity in driving positive change within OCS and the facilities management industry. Launched in 2020, our colleague-led platform, CHROMA, empowers our workforce to actively contribute to our Diversity, Equity and Inclusion agenda.                        <\/div>\n                                        <div class=\"flex flex-row items-center gap-4 w-full mx-auto flex-wrap justify-center\">\n                                                                                \n<a href=\"https:\/\/ocs.com\/uk\/esg\/diversity-equality-and-inclusion\/\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Diversity, Equity and Inclusion <\/a>                                                                    <\/div>\n                                <\/div>\n        <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6aad67c0514f2\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/a013132d-79c8-4851-92f6-feaae2508a5e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/a013132d-79c8-4851-92f6-feaae2508a5e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/a013132d-79c8-4851-92f6-feaae2508a5e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Chroma logo\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Supporting and providing safe spaces for our colleagues<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Winner of the IWFM Diversity Initiative Award 2021, CHROMA is made up of three separate networks: Physical and Mental Health; Race, Ethnicity and Faith; and LGBTQ+ and Gender. CHROMA is open to all our colleagues who are passionate about driving change, the committees and wider ally networks work together to champion and promote inclusiveness.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-6aad67c05152b\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/9cd95af8-77da-43df-9f4f-04fb72d5bedc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/9cd95af8-77da-43df-9f4f-04fb72d5bedc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/9cd95af8-77da-43df-9f4f-04fb72d5bedc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"OCS colleagues\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Supporting and providing safe spaces for our colleagues<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Each CHROMA network is supported by our UK &amp; Ireland Board Sponsors, ensuring all colleagues are represented, heard and promoted. By doing so, we hope CHROMA will make an impact on our colleagues by spearheading positive change.<\/p>\n<h4>We will:<\/h4>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Champion and promote inclusiveness giving colleagues a voice        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Develop and improve our understanding of Physical &amp; Mental Health, Race, Ethnicity &amp; Faith and LGBTQ+ &amp; Gender        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Ensure a zero-tolerance approach to discrimination of any kind        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Review and improve our processes to support and encourage our colleagues to thrive and grow        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n\n            <section  data-animate-container=\"waterfall\"  id=\"block_acf-block-6aad67c05157b\" class=\"flex flex-col py-6 md:py-[72px]  overflow-hidden  \"  x-data=\"{\n                paddingLeft: 0,\n                additionalPadding: 88,\n                calcPadding() {\n                    if(this.$refs.maxWidthSetter) {\n                        if(window.innerWidth < 768) {\n                            this.additionalPadding = 0;\n                        } else if (window.innerWidth < 1024) {\n                            this.additionalPadding = 48;\n                        }\n                        this.paddingLeft = this.$refs.maxWidthSetter.offsetLeft + this.additionalPadding;\n                    }\n                }\n            }\" x-init=\"calcPadding()\" @resize.window=\"calcPadding()\" >\n                    <div class=\"w-full max-w-8xl mx-auto\" x-ref=\"maxWidthSetter\"><\/div>\n                <div data-animate=\"item\" class=\" rounded-[32px]                                             \" style=\"background-color: #FFFFFF;\"  :style=\"{ paddingLeft : paddingLeft + 'px' }\" >\n                            <div x-data=\"fmCarousel\" class=\"block-fm-services-carousel relative splide !flex flex-col md:flex-row items-center justify-between gap-10 md:gap-8 pb-[80px] md:pb-0\" x-ref=\"fmSlider\" data-bg-color=\"#FFFFFF\">\n    <div  data-animate-container=\"text\"  class=\"flex-none  pl-10 md:pl-4 lg:pl-0  flex flex-col items-start justify-start gap-6 w-full md:max-w-[400px] \">\n                    <h2 data-animate=\"heading\" class=\"text-crop text-left text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Other ways we support our people<\/h2>\n                            <p data-animate=\"prose\" class=\"text-left text-ocs-blue-navy text-xl\">Join our OCS community<\/p>\n        \n                <!-- Desktop Slider Arrows -->\n                    <div data-animate=\"button\" class=\" splide__arrows absolute bottom-0 left-0 right-0 md:relative flex gap-3 flex-row justify-center\">\n                <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                        <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n                <\/button>\n                <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                        <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <\/div>\n            <div class=\"splide__track w-full md:-mr-[42px] lg:-mr-[72px]  xl:mr-0 \">\n            <ul  data-animate-container=\"cards\"  class=\"splide__list \">\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/uk\/careers\/\" aria-label=\"Go to page: Careers\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/OCS-Facilities-Management-Colleague-Merlin-Private-FM-2-1024x649.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Careers\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-[#FDF9F8] \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Careers<\/h3>\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Join our team and support our mission to make people and places the best they can be. Get started by viewing our current vacancies.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/uk\/about-ocs\/\" aria-label=\"Go to page: About OCS\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/OCS-Facilities-Management-Colleague-Merlin-Private-FM-1024x649.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"About OCS\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-[#FDF9F8] \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">About OCS<\/h3>\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Integrated facilities management across the UK and Ireland, delivered through sector expertise, technology and 125 years of experience.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/uk\/esg\/diversity-equity-and-inclusion\/\" aria-label=\"Go to page: Diversity, Equity and Inclusion\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b8ca7db3-fdb3-4ca1-aa4b-82509228032e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Diversity, Equity and Inclusion\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-[#FDF9F8] \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Diversity, Equity and Inclusion<\/h3>\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Proudly continuing to champion diversity, equity and inclusion in the UK &#038; Ireland.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"\" aria-label=\"Go to page: \" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8e77af95-105c-4d18-a4ed-6e3e5eb17d58\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-[#FDF9F8] \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/uk\/about-ocs\/apprenticeships-funded-learning\/\" aria-label=\"Go to page: Apprenticeships &amp; Funded Learning\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/636e7f1e-db27-49ca-b149-147fd7238f09\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Apprenticeships &amp; Funded Learning\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-[#FDF9F8] \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Apprenticeships &amp; Funded Learning<\/h3>\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Through apprenticeships and funded learning, we help talented people succeed.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                            <\/ul>\n        <\/div>\n    \n<\/div>                    <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>CHROMA, empowers our workforce to actively contribute to our Diversity, Equity and Inclusion agenda.<\/p>\n","protected":false},"author":1,"featured_media":1000009590,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-363","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CHROMA Network - OCS - UK<\/title>\n<meta name=\"description\" content=\"CHROMA is a colleague-led network at OCS supporting diversity, inclusion, and well-being through dedicated groups.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ocs.com\/uk\/chroma\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CHROMA Network\" \/>\n<meta property=\"og:description\" content=\"CHROMA is a colleague-led network at OCS supporting diversity, inclusion, and well-being through dedicated groups.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/chroma\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-18T16:33:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/chroma\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/chroma\\\/\",\"name\":\"CHROMA Network - OCS - UK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/chroma\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/chroma\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/a8f62d31-6e6d-4117-bb33-d26e223675fb\\\/\",\"datePublished\":\"2023-09-27T11:36:59+00:00\",\"dateModified\":\"2026-09-18T16:33:05+00:00\",\"description\":\"CHROMA is a colleague-led network at OCS supporting diversity, inclusion, and well-being through dedicated groups.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/chroma\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/uk\\\/chroma\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/chroma\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/a8f62d31-6e6d-4117-bb33-d26e223675fb\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/a8f62d31-6e6d-4117-bb33-d26e223675fb\\\/\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/chroma\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CHROMA Network\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"name\":\"OCS - UK\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#organization\",\"name\":\"OCS\",\"alternateName\":\"OCS Group\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/10\\\/OCS-Main-Logo.png\",\"contentUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/10\\\/OCS-Main-Logo.png\",\"width\":714,\"height\":714,\"caption\":\"OCS\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/uk.linkedin.com\\\/company\\\/ocs-global\",\"https:\\\/\\\/www.youtube.com\\\/@OCSGlobalFM\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/OCS_Group\"],\"description\":\"OCS is an engineering-led facilities management company delivering integrated cleaning, security, catering, hard services and energy services across the UK and Ireland.\",\"telephone\":\"0800 614 678\",\"legalName\":\"OCS Group UK Limited\",\"foundingDate\":\"1900-01-01\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CHROMA Network - OCS - UK","description":"CHROMA is a colleague-led network at OCS supporting diversity, inclusion, and well-being through dedicated groups.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ocs.com\/uk\/chroma\/","og_locale":"en_GB","og_type":"article","og_title":"CHROMA Network","og_description":"CHROMA is a colleague-led network at OCS supporting diversity, inclusion, and well-being through dedicated groups.","og_url":"https:\/\/ocs.com\/uk\/chroma\/","og_site_name":"OCS - UK","article_modified_time":"2026-09-18T16:33:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/uk\/chroma\/","url":"https:\/\/ocs.com\/uk\/chroma\/","name":"CHROMA Network - OCS - UK","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/chroma\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/chroma\/#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/a8f62d31-6e6d-4117-bb33-d26e223675fb\/","datePublished":"2023-09-27T11:36:59+00:00","dateModified":"2026-09-18T16:33:05+00:00","description":"CHROMA is a colleague-led network at OCS supporting diversity, inclusion, and well-being through dedicated groups.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/chroma\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/chroma\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/chroma\/#primaryimage","url":"https:\/\/ucarecdn.com\/a8f62d31-6e6d-4117-bb33-d26e223675fb\/","contentUrl":"https:\/\/ucarecdn.com\/a8f62d31-6e6d-4117-bb33-d26e223675fb\/"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/chroma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"CHROMA Network"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/uk\/#website","url":"https:\/\/ocs.com\/uk\/","name":"OCS - UK","description":"","publisher":{"@id":"https:\/\/ocs.com\/uk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/ocs.com\/uk\/#organization","name":"OCS","alternateName":"OCS Group","url":"https:\/\/ocs.com\/uk\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/#\/schema\/logo\/image\/","url":"https:\/\/ocs.com\/app\/uploads\/2026\/10\/OCS-Main-Logo.png","contentUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/10\/OCS-Main-Logo.png","width":714,"height":714,"caption":"OCS"},"image":{"@id":"https:\/\/ocs.com\/uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/uk.linkedin.com\/company\/ocs-global","https:\/\/www.youtube.com\/@OCSGlobalFM","https:\/\/en.wikipedia.org\/wiki\/OCS_Group"],"description":"OCS is an engineering-led facilities management company delivering integrated cleaning, security, catering, hard services and energy services across the UK and Ireland.","telephone":"0800 614 678","legalName":"OCS Group UK Limited","foundingDate":"1900-01-01"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":61,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":48924,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/363\/revisions\/48924"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}