Navy#1A2A52
Coral#FF6F61
Olive#7A8450
Slate#6B7B8C
Sand#EDE6DB
Palette direction

Navy Coral Olive Color Palette

This strategic color palette balances trustworthiness and innovation through a harmonious triadic scheme, combining deep navy, warm coral, and balanced olive to reflect SRT Corporation's integrity, collaboration, and progressive spirit. Support accents in muted slate and soft sand provide subtle sophistication and visual balance, while neutral shades ensure readability and a clean interface.

Split ComplementaryFinancetrustinnovationcollaborationsustainability
palette-preview.example
Finance color direction

Navy Coral Olive Color Palette

This strategic color palette balances trustworthiness and innovation through a harmonious triadic scheme, combining deep navy, warm coral, and balanced olive to reflect SRT Corporation's integrity, collaboration, and progressive spirit. Support accents in muted slate and soft sand provide subtle sophistication and visual balance, while neutral shades ensure readability and a clean interface.

Explore the color system8 colors mapped to roles
Logo contrast guide

Logo color pairings

Each column shows a usable logo color on a palette background, with contrast checked for clarity.

Logo White #FFFFFF
on Navy #1A2A52

14.0:1 Excellent

Logo Charcoal #232323
on Coral #FF6F61

5.8:1 Strong

Logo Charcoal #232323
on White #FFFFFF

15.7:1 Excellent

Logo Charcoal #232323
on Sand #EDE6DB

12.7:1 Excellent
Business card

Printed materials without guessing.

A neutral card system with the logo color, contact text, and a restrained palette accent.

Avery Stone Palette designer avery@example.com colorfly.design
Mobile website

The palette has to survive the small screen.

A mobile landing page preview with logo, navigation, headline, CTA, content card, and chart color usage.

Finance Navy Coral Olive Color Palette

The main colors of Navy, Coral, and Olive form a triadic harmony that creates vibrant but balanced visual energy, symbolizing trust, innovation, and growth within SRT Corporation's diverse retail portfolio.

Analytics system

Dashboards need more than one pretty color.

Numbers, pie charts, bars, stacked bars, and lines reveal whether the palette can support real product interfaces.

Revenue$84.2k+18.4%
Retention72%Stable
Signals8Split Complementary
Audience split
Monthly growth
Trend line

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Navy #1A2A52
HeadlineUsed for main titles and key messages.Navy #1A2A52
LinkUsed for links and interactive text.Navy #1A2A52

Buttons

Primary Button
Contrast14.03:1AA
BackgroundNavy #1A2A52
TextWhite #FFFFFF
Secondary Button
Contrast5.76:1AA
BackgroundCoral #FF6F61
TextCharcoal #232323
Outlined Button
Contrast14.03:1AA
BorderNavy #1A2A52
TextNavy #1A2A52

Interface

TextDefault readable body text.Charcoal #232323
Bg LightLight page or section background.White #FFFFFF
Bg DarkDark page or section background.Ivory #F5F5F5
IconSmall interface icons and marks.Slate #6B7B8C
BorderCards, inputs, and component borders.Slate #6B7B8C
DividerSubtle separators between content.Slate #6B7B8C
OutlineFocus rings and emphasis outlines.Slate #6B7B8C

Print Color Values

CMYK values are calculated from HEX by default. Adjust them only when preparing print materials.

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

The main colors of Navy, Coral, and Olive form a triadic harmony that creates vibrant but balanced visual energy, symbolizing trust, innovation, and growth within SRT Corporation's diverse retail portfolio.

PrimaryNavy

RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text, Headline

Navy communicates trust and stability, providing a strong foundation for the brand's identity.

HEX#1A2A52
RGB26, 42, 82
HSL223, 52, 21
CMYK68, 49, 0, 68
SecondaryCoral

RolesBtn Secondary Bg

Coral injects warmth and innovation, signaling energy and customer focus.

HEX#FF6F61
RGB255, 111, 97
HSL5, 100, 69
CMYK0, 56, 62, 0
TertiaryOlive

Olive embodies growth and collaboration, supporting the main colors with a grounded natural tone.

HEX#7A8450
RGB122, 132, 80
HSL72, 25, 42
CMYK8, 0, 39, 48

Support Colors

Muted Slate and Soft Sand offer subtle, low-saturation accents that gently complement the main colors without overpowering, enhancing usability and creating depth in the visual hierarchy.

Slate

RolesIcon, Border, Divider, Outline

Slate balances the vibrant triadic colors with a calm, neutral-cool tone that supports clarity and precision.

HEX#6B7B8C
RGB107, 123, 140
HSL211, 13, 48
CMYK24, 12, 0, 45
Sand

Sand is a soft warm beige that adds a refined touch of lightness, providing understated contrast and approachability.

HEX#EDE6DB
RGB237, 230, 219
HSL37, 33, 89
CMYK0, 3, 8, 7

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

White

RolesBg Light, Btn Primary Text

HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Ivory

RolesBg Dark

HEX#F5F5F5
RGB245, 245, 245
HSL0, 0, 96
CMYK0, 0, 0, 4
Charcoal

RolesText, Btn Secondary Text

HEX#232323
RGB35, 35, 35
HSL0, 0, 14
CMYK0, 0, 0, 86

Export and Handoff

Copy palette values for design systems, websites, and client handoff. You can also copy this palette for Logo Export on myLogo.review, so your colors are ready there in one click.

Color tokens

Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.

Use when: you need the actual colors.
:root {
  --color-navy: #1A2A52;
  --color-coral: #FF6F61;
  --color-olive: #7A8450;
  --color-slate: #6B7B8C;
  --color-sand: #EDE6DB;
  --color-white: #FFFFFF;
  --color-ivory: #F5F5F5;
  --color-charcoal: #232323;
}

Role tokens

Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.

Use when: you need UI roles, not just swatches.
:root {
  --role-logo: #1A2A52;
  --role-link: #1A2A52;
  --role-btn-primary-bg: #1A2A52;
  --role-btn-outlined-border: #1A2A52;
  --role-btn-outlined-text: #1A2A52;
  --role-headline: #1A2A52;
  --role-btn-secondary-bg: #FF6F61;
  --role-icon: #6B7B8C;
  --role-border: #6B7B8C;
  --role-divider: #6B7B8C;
  --role-outline: #6B7B8C;
  --role-bg-light: #FFFFFF;
  --role-btn-primary-text: #FFFFFF;
  --role-bg-dark: #F5F5F5;
  --role-text: #232323;
  --role-btn-secondary-text: #232323;
}

JSON

Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.

Use when: a developer or app needs data.
{
    "navy": "#1A2A52",
    "coral": "#FF6F61",
    "olive": "#7A8450",
    "slate": "#6B7B8C",
    "sand": "#EDE6DB",
    "white": "#FFFFFF",
    "ivory": "#F5F5F5",
    "charcoal": "#232323"
}
Press Space to load new palette