{"id":118,"date":"2026-03-10T08:41:56","date_gmt":"2026-03-10T08:41:56","guid":{"rendered":"https:\/\/littlelunches.graphin.digital\/?page_id=118"},"modified":"2026-05-11T14:04:44","modified_gmt":"2026-05-11T14:04:44","slug":"color-palette","status":"publish","type":"page","link":"https:\/\/littlelunches.graphin.digital\/ua\/color-palette\/","title":{"rendered":"\u041a\u043e\u043b\u0456\u0440\u043d\u0430 \u041f\u0430\u043b\u0456\u0442\u0440\u0430"},"content":{"rendered":"<h2 class=\"wp-block-heading\">\u041a\u043e\u043b\u0456\u0440\u043d\u0430 \u041f\u0430\u043b\u0456\u0442\u0440\u0430<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The color palette reflects the fresh, friendly, and nourishing character of Little Lunches. Deep navy and teal establish trust and clarity, warm sand and amber add approachability, and clean neutrals ensure balance across all interfaces.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Text Colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The text colour palette ensures clear typographic hierarchy across all surfaces of the Little Lunches interface. Each colour is carefully selected to maintain readability and accessibility in both light and dark contexts.<\/p>\n\n\n\n<div class=\"wp-block-group g-color-boxes is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited.png\" alt=\"\" class=\"wp-image-875\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">White<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#FFFFFF<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">255, 255, 255<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">0, 0, 100<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">0, 0, 0, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-edited.png\" alt=\"\" class=\"wp-image-877\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Grey-50<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#778D96<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">119, 141, 150<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">197, 13, 53<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">57, 36, 35, 3<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited.png\" alt=\"\" class=\"wp-image-879\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-20<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#113747<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">17, 55, 71<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">198, 61, 17<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">93, 68, 51, 46<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-boxes is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-edited.png\" alt=\"\" class=\"wp-image-881\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-30<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#246986<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">36, 105, 134<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">198, 58, 33<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">87, 51, 32, 9<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Icon Colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Icon colours are defined to maintain visual consistency and clarity across all interactive elements. They range from neutral tones for inactive states to brand accents for highlighted and active interactions.<\/p>\n\n\n\n<div class=\"wp-block-group g-color-boxes is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited.png\" alt=\"\" class=\"wp-image-875\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">White<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#FFFFFF<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">255, 255, 255<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">0, 0, 100<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">0, 0, 0, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-edited.png\" alt=\"\" class=\"wp-image-877\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Grey-50<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#778D96<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">119, 141, 150<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">197, 13, 53<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">57, 36, 35, 3<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited.png\" alt=\"\" class=\"wp-image-879\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-20<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#113747<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">17, 55, 71<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">198, 61, 17<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">93, 68, 51, 46<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-boxes is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-edited.png\" alt=\"\" class=\"wp-image-881\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-30<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#246986<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">36, 105, 134<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">198, 58, 33<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">87, 51, 32, 9<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited.png\" alt=\"\" class=\"wp-image-884\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Green<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#8FDADC<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">143, 218, 220<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">182, 52, 71<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">41, 0, 16, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-6-edited.png\" alt=\"\" class=\"wp-image-886\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-6-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-6-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Yellow-85<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#FBE0AD<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">251, 224, 173<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">39, 91, 83<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">1, 11, 36, 0<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Background Colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Background colours establish the layered visual structure of the Little Lunches interface, from clean white surfaces to rich brand-tinted sections. Each tone is chosen to support content hierarchy and create a warm, approachable atmosphere across the app and website.<\/p>\n\n\n\n<div class=\"wp-block-group g-color-boxes is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited.png\" alt=\"\" class=\"wp-image-875\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">White<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#FFFFFF<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">255, 255, 255<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">0, 0, 100<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">0, 0, 0, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-1-edited.png\" alt=\"\" class=\"wp-image-889\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-2-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Grey-98<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#FAFAFB<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">250, 250, 251<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">240, 11, 98<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">1, 1, 0, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-1-edited.png\" alt=\"\" class=\"wp-image-891\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Grey-95<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#EFF0F2<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">239, 240, 242<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">220, 10, 94<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">5, 3, 2, 0<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-boxes is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-1-edited.png\" alt=\"\" class=\"wp-image-893\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-4-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-95<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#EEF9FA<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">238, 249, 250<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">185, 55, 96<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">5, 0, 2, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-1-edited.png\" alt=\"\" class=\"wp-image-895\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Green-95<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#EDFBF2<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">237, 251, 242<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">141, 64, 96<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">6, 0, 5, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-6-1-edited.png\" alt=\"\" class=\"wp-image-897\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-6-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-6-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Yellow-85<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#FBE0AD<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">251, 224, 173<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">39, 91, 83<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">1, 11, 36, 0<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-boxes is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-7-edited.png\" alt=\"\" class=\"wp-image-900\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-7-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-7-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Yellow-65<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#F9BD58<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">249, 189, 88<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">38, 93, 66<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">2, 28, 76, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited.png\" alt=\"\" class=\"wp-image-884\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-70<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#8FDADC<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">143, 218, 220<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">182, 52, 71<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">41, 0, 16, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited.png\" alt=\"\" class=\"wp-image-879\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-20<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#113747<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">17, 55, 71<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">198, 61, 17<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">93, 68, 51, 46<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Outline colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Outline colours are used for borders, dividers, and stroke elements across the Little Lunches interface. They provide clear visual boundaries between components while staying consistent with the overall brand palette.<\/p>\n\n\n\n<div class=\"wp-block-group g-color-boxes is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-1-edited.png\" alt=\"\" class=\"wp-image-891\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-1-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-1-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Grey-95<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#EFF0F2<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">239, 240, 242<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">220, 10, 94<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">5, 3, 2, 0<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited.png\" alt=\"\" class=\"wp-image-884\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-5-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-70<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#8FDADC<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">143, 218, 220<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">182, 52, 71<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">41, 0, 16, 0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group g-color-box is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"150\" src=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited.png\" alt=\"\" class=\"wp-image-879\" srcset=\"https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited.png 274w, https:\/\/littlelunches.graphin.digital\/wp-content\/uploads\/2026\/05\/color-3-edited-18x10.png 18w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group g-color-desc is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Blue-20<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">HEX<\/h5>\n\n\n\n<p class=\"g-color-copy wp-block-paragraph\">#113747<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">RGB<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">17, 55, 71<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">HSL<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">198, 61, 17<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">CMYK<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">93, 68, 51, 46<\/p>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Color Palette The color palette reflects the fresh, friendly, and nourishing character of Little Lunches. Deep navy and teal establish trust and clarity, warm sand and amber add approachability, and clean neutrals ensure balance across all interfaces. Text Colors The text colour palette ensures clear typographic hierarchy across all surfaces of the Little Lunches interface. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-118","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/littlelunches.graphin.digital\/ua\/wp-json\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/littlelunches.graphin.digital\/ua\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/littlelunches.graphin.digital\/ua\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/littlelunches.graphin.digital\/ua\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/littlelunches.graphin.digital\/ua\/wp-json\/wp\/v2\/comments?post=118"}],"version-history":[{"count":37,"href":"https:\/\/littlelunches.graphin.digital\/ua\/wp-json\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":904,"href":"https:\/\/littlelunches.graphin.digital\/ua\/wp-json\/wp\/v2\/pages\/118\/revisions\/904"}],"wp:attachment":[{"href":"https:\/\/littlelunches.graphin.digital\/ua\/wp-json\/wp\/v2\/media?parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}