{"id":84792,"date":"2026-01-17T17:12:52","date_gmt":"2026-01-17T16:12:52","guid":{"rendered":"https:\/\/officebooking.com\/?post_type=ht_kb&#038;p=84792"},"modified":"2026-01-17T17:12:52","modified_gmt":"2026-01-17T16:12:52","slug":"how-to-use-custom-colors-in-the-reservations-view","status":"publish","type":"ht_kb","link":"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/","title":{"rendered":"How to use custom colors in the reservations view"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:82px;--awb-padding-left:86px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p data-start=\"296\" data-end=\"640\">Custom colors allow you to control how reservations are displayed in the <strong data-start=\"369\" data-end=\"390\">Reservations view<\/strong> in <strong data-start=\"394\" data-end=\"409\">officeAdmin<\/strong>. By assigning a specific color to each reservation type, planners can quickly distinguish between different kinds of bookings\u2014such as private reservations, VIP meetings, online meetings, booking requests, and regular reservations.<\/p>\n<p data-start=\"642\" data-end=\"732\">This makes the planner easier to scan and helps users understand the schedule at a glance.<\/p>\n<blockquote data-start=\"734\" data-end=\"938\">\n<p data-start=\"736\" data-end=\"938\"><strong data-start=\"736\" data-end=\"752\">Availability<\/strong><br data-start=\"752\" data-end=\"755\" \/>Custom colors in the reservations view are currently available <strong data-start=\"820\" data-end=\"857\">only for Enterprise subscriptions<\/strong>.<br data-start=\"858\" data-end=\"861\" \/>If you\u2019d like to upgrade or need more information, please contact our team.<\/p>\n<\/blockquote>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-image-element \" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"1000\" height=\"421\" title=\"Planner_illustration\" src=\"https:\/\/officebooking.com\/wp-content\/uploads\/2025\/12\/Planner_illustration.png\" alt class=\"img-responsive wp-image-84812\" srcset=\"https:\/\/officebooking.com\/wp-content\/uploads\/2025\/12\/Planner_illustration-200x84.png 200w, https:\/\/officebooking.com\/wp-content\/uploads\/2025\/12\/Planner_illustration-400x168.png 400w, https:\/\/officebooking.com\/wp-content\/uploads\/2025\/12\/Planner_illustration-600x253.png 600w, https:\/\/officebooking.com\/wp-content\/uploads\/2025\/12\/Planner_illustration-800x337.png 800w, https:\/\/officebooking.com\/wp-content\/uploads\/2025\/12\/Planner_illustration.png 1000w\" sizes=\"(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 1000px\" \/><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:84px;--awb-padding-left:87px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1331.2px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-2\"><h2 data-start=\"945\" data-end=\"970\">How custom colors work<\/h2>\n<p data-start=\"972\" data-end=\"1167\">Each reservation type can be assigned its own color. When a reservation matches one or more criteria, the planner applies the color based on the following priority order (highest priority first):<\/p>\n<ol>\n<li data-start=\"1172\" data-end=\"1193\"><strong data-start=\"1172\" data-end=\"1191\">Booking request<\/strong><\/li>\n<li data-start=\"1197\" data-end=\"1214\"><strong data-start=\"1197\" data-end=\"1212\">VIP meeting<\/strong><\/li>\n<li data-start=\"1218\" data-end=\"1238\"><strong data-start=\"1218\" data-end=\"1236\">Online meeting<\/strong><\/li>\n<li data-start=\"1242\" data-end=\"1263\"><strong data-start=\"1242\" data-end=\"1261\">Private meeting<\/strong><\/li>\n<li data-start=\"1267\" data-end=\"1290\"><strong data-start=\"1267\" data-end=\"1290\">Default reservation<\/strong><\/li>\n<\/ol>\n<p data-start=\"1292\" data-end=\"1409\"><strong data-start=\"1292\" data-end=\"1303\">Example<\/strong><br data-start=\"1303\" data-end=\"1306\" \/>If a reservation is marked as both <em data-start=\"1341\" data-end=\"1346\">VIP<\/em> and <em data-start=\"1351\" data-end=\"1360\">Private<\/em>, the <strong data-start=\"1366\" data-end=\"1379\">VIP color<\/strong> will be shown in the planner.<\/p>\n<hr data-start=\"1411\" data-end=\"1414\" \/>\n<h2 data-start=\"1416\" data-end=\"1451\">Add custom colors to the planner<\/h2>\n<h3 data-start=\"1453\" data-end=\"1473\">Before you start<\/h3>\n<p data-start=\"1474\" data-end=\"1586\">Make sure your organisation has an <strong data-start=\"1509\" data-end=\"1536\">Enterprise subscription<\/strong>, as this feature is not available on lower plans.<\/p>\n<h3 data-start=\"1588\" data-end=\"1617\">Step-by-step instructions<\/h3>\n<ol>\n<li data-start=\"1622\" data-end=\"1644\">Open <strong data-start=\"1627\" data-end=\"1642\">officeAdmin<\/strong><\/li>\n<li data-start=\"1648\" data-end=\"1668\">Go to <strong data-start=\"1654\" data-end=\"1666\">Settings<\/strong><\/li>\n<li data-start=\"1672\" data-end=\"1695\">Select <strong data-start=\"1679\" data-end=\"1693\">Properties<\/strong><\/li>\n<li data-start=\"1699\" data-end=\"1715\">Choose <strong data-start=\"1706\" data-end=\"1713\">Add<\/strong><\/li>\n<li data-start=\"1719\" data-end=\"1747\">Select <strong data-start=\"1726\" data-end=\"1745\">Booking palette<\/strong><\/li>\n<li data-start=\"1751\" data-end=\"1814\">In the key\u2013value editor, define a color for each booking type<\/li>\n<li data-start=\"1819\" data-end=\"1847\">Supported booking types are currently: VIP meeting, Online meeting and Private meeting.<\/li>\n<li data-start=\"1916\" data-end=\"1982\">Use valid color values (for example: hex codes such as <code data-start=\"1971\" data-end=\"1980\">#FF5733<\/code>).<\/li>\n<li>Select <strong data-start=\"1994\" data-end=\"2001\">Add<\/strong><\/li>\n<li>Click <strong>Save<\/strong> to apply your changes<\/li>\n<\/ol>\n<p data-start=\"2045\" data-end=\"2127\">Once saved, the selected colors will immediately be used in the reservations view.<\/p>\n<hr data-start=\"2129\" data-end=\"2132\" \/>\n<h2 data-start=\"2134\" data-end=\"2158\">Tips &amp; best practices<\/h2>\n<ul>\n<li data-start=\"2162\" data-end=\"2231\">Use <strong data-start=\"2166\" data-end=\"2190\">high-contrast colors<\/strong> to improve visibility in busy planners<\/li>\n<li data-start=\"2234\" data-end=\"2333\">Keep colors <strong data-start=\"2246\" data-end=\"2286\">consistent with internal conventions<\/strong> (e.g. red for VIP, blue for online meetings)<\/li>\n<li data-start=\"2336\" data-end=\"2400\">Avoid using too many similar shades, as this reduces readability<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":29,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"content-type":"","footnotes":""},"ht-kb-category":[302],"ht-kb-tag":[],"class_list":["post-84792","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-managing-reservations"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to use custom colors in the reservations view - Officebooking - Works for you.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use custom colors in the reservations view - Officebooking - Works for you.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/\" \/>\n<meta property=\"og:site_name\" content=\"Officebooking - Works for you.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Officebooking\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@officebooking\" \/>\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:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/\",\"url\":\"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/\",\"name\":\"How to use custom colors in the reservations view - Officebooking - Works for you.\",\"isPartOf\":{\"@id\":\"\/#website\"},\"datePublished\":\"2026-01-17T16:12:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/officebooking.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use custom colors in the reservations view\"}]},{\"@type\":\"WebSite\",\"@id\":\"\/#website\",\"url\":\"\/\",\"name\":\"Officebooking - Works for you.\",\"description\":\"\",\"publisher\":{\"@id\":\"\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"\/#organization\",\"name\":\"Officebooking\",\"url\":\"\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/officebooking.com\/wp-content\/uploads\/2020\/07\/Logo-Officebooking-RGB__witte-achtergrond-website-icon.png\",\"contentUrl\":\"https:\/\/officebooking.com\/wp-content\/uploads\/2020\/07\/Logo-Officebooking-RGB__witte-achtergrond-website-icon.png\",\"width\":220,\"height\":54,\"caption\":\"Officebooking\"},\"image\":{\"@id\":\"\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Officebooking\/\",\"https:\/\/x.com\/officebooking\",\"https:\/\/www.linkedin.com\/company\/officebooking-b-v-\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use custom colors in the reservations view - Officebooking - Works for you.","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:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/","og_locale":"en_US","og_type":"article","og_title":"How to use custom colors in the reservations view - Officebooking - Works for you.","og_url":"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/","og_site_name":"Officebooking - Works for you.","article_publisher":"https:\/\/www.facebook.com\/Officebooking\/","twitter_card":"summary_large_image","twitter_site":"@officebooking","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/","url":"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/","name":"How to use custom colors in the reservations view - Officebooking - Works for you.","isPartOf":{"@id":"\/#website"},"datePublished":"2026-01-17T16:12:52+00:00","breadcrumb":{"@id":"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/officebooking.com\/en\/kb-article\/how-to-use-custom-colors-in-the-reservations-view\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/officebooking.com\/en\/"},{"@type":"ListItem","position":2,"name":"How to use custom colors in the reservations view"}]},{"@type":"WebSite","@id":"\/#website","url":"\/","name":"Officebooking - Works for you.","description":"","publisher":{"@id":"\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"\/#organization","name":"Officebooking","url":"\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"\/#\/schema\/logo\/image\/","url":"https:\/\/officebooking.com\/wp-content\/uploads\/2020\/07\/Logo-Officebooking-RGB__witte-achtergrond-website-icon.png","contentUrl":"https:\/\/officebooking.com\/wp-content\/uploads\/2020\/07\/Logo-Officebooking-RGB__witte-achtergrond-website-icon.png","width":220,"height":54,"caption":"Officebooking"},"image":{"@id":"\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Officebooking\/","https:\/\/x.com\/officebooking","https:\/\/www.linkedin.com\/company\/officebooking-b-v-\/"]}]}},"_links":{"self":[{"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/ht-kb\/84792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/comments?post=84792"}],"version-history":[{"count":12,"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/ht-kb\/84792\/revisions"}],"predecessor-version":[{"id":84855,"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/ht-kb\/84792\/revisions\/84855"}],"wp:attachment":[{"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/media?parent=84792"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=84792"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/officebooking.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=84792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}