Design Philosophy
Tea and Roses is built starting from an E-Ink design transforming to a soft pastel pink palette with accessibility in mind. Starting with a linen paper white brings a more favourable and approachable light theme that doesn’t strain the eyes. Slate greys for the growing popular dark modes that allow colour to pop in contrast while not being overly darkened. Pink was chosen as the primary colour as it’s warm and easy on the eyes with a vast range of options for design. Greens to blues in the teal range selected as the complimentary colours to add pop and draw attention where necessary.
Accessibility
Colour Accessibility Web Accessibility
Visual: - Blindness - Low Vision - Colour-Blindness Auditory: - Deafness - Hard of Hearing Motor: - Inability to use mouse - Slow response times - Limited motor control Cognitive: - Learning disabilities - Distractability - Inability to remember or focus on large amounts of information
Colour Palette Codes
Grey Linen White Peach Salmon Seagreen
Grey - HEX:#525252 RGB:82 82 82 HSL:0deg 0% 32.16%
Linen White - HEX:#FFF1E5 RGB:255 241 229 HSL:27.69deg 100% 94.9%
Peach - HEX:#FDC6B5 RGB:253 198 181 HSL:14.17deg 94.74% 85.1%
Salmon - HEX:#FA9A85 RGB:250 154 133 HSL:10.77deg 92.13% 75.1%
Seagreen - HEX:#A3C7B2 RGB:163 199 178 HSL:145deg 24.32% 70.98%