What are the colors of MyOperator?

What are the colors of MyOperator?

⚡Quick answer -

MyOperator uses a clean and professional color system that focuses on clarity, trust, and ease of use. The palette breaks down into three groups—Primary colors, Semantic colors, and an overall guiding idea—exactly as specified below.

When should I use this guide?

Consult this FAQ whenever you design, develop, or review a MyOperator asset (UI screen, slide deck, marketing banner, etc.) and need the authoritative HEX codes and usage notes.



1. Primary colors – main brand accents

These are the main brand colors used across key elements:

Color swatch

Hex code

Usage

Slate 900

image.png


#0F172A

Primary dark: headlines, dark sections, CTAs

Turkish Blue



image.png


#2BBBC9

Primary accent: highlights, links, emphasis

Turkish Blue Dark



image.png


#119BA8

Accent variation: hover states, secondary accent



2. Semantic colors – functional meaning & readability

These colors build the base of the interface and ensure readability:

Color swatch

Hex code

Usage

White



image.png


#F6F8F9

Primary backgrounds

Off-White



image.png


#F4F0EC

Warm background variation

Slate 100



image.png


#F1F5F9

Card backgrounds, subtle sections

Gray 600



image.png


#4B5563

Body text

Gray 800



image.png


#1F2937

Headlines on light backgrounds

Gray 400



image.png


#9CA3AF

Captions, annotations



3. Overall idea – how the palette works together

MyOperator combines strong dark tones for structure, clean light backgrounds for clarity, and a fresh blue accent to guide attention. This makes the interface look professional, balanced, and easy to navigate.



4. When NOT to use a given color?

Sticking to the exact “Usage” definitions above is critical for clarity and trust. Using a color outside its stated purpose—for example, applying Slate 900 (#0F172A) as a large-area background or using Grey 400 (#9CA3AF) for body text—can reduce readability and break brand consistency.