Color

Yellow (#FFD507)

⁠

⁠

⁠

Usage: Yellow is the primary accent color, designed to draw attention and bring focus to important elements. It’s ideal for emphasizing text, icons, and essential information that needs to stand out.

Cyan (#21DCE8)

⁠

⁠

⁠

Usage: Cyan is the action color and is used exclusively for interactive elements. It immediately signals interactivity, helping users identify clickable areas across digital media.

Orange (#DA7F15)

⁠

⁠

⁠

Usage: Orange is a decorative color used to add vibrancy and energy without drawing attention away from key elements. It appears in non-clickable decorative elements like illustrations, splashes, and backgrounds where a touch of warmth or texture is needed.

Black (#000000)

⁠

⁠

⁠

Usage: Used as the main background color, Black creates a powerful contrast that highlights the other colors in our palette. It serves as the foundation of our visual identity, giving a clean and bold look.

Dark Grey (#1B1B1B)

⁠

⁠

⁠

Usage: Used for secondary backgrounds and subtle contrasts against Black. Dark Grey provides depth without drawing attention away from primary elements.

Grey (#292929)

⁠

⁠

⁠

Usage: Ideal for muted text or to add subtle contrast in designs. Grey is softer than Black and Dark Grey, offering a subdued tone suitable for less prominent elements.

Light Grey (#C2C2C2)

⁠

⁠

⁠

Usage: Used sparingly for accents and subtle contrasts, particularly in low-visibility elements like divider lines, outlines, and similar understated details.