Skip to main content

Colors

    Colors

    Use consistent, brand approved colors across all of your NYP framework projects - with or without NYP framework Core.

    Links:

    Overview

    Colors provides a consistent tool to manage and utilize approved brand colors across NYP framework projects.

    SCSS Mixin

    Use the NYP framework Color mixin in your own project or with NYP framework Core.

    // nyp-color('<hue>', '<shade>');

.example {
  color: nyp-color('white');
  background: nyp-color('red', 'dark');
}

    Full Color Set

    Black and White

    Black

    #1A1A1A

    White

    #FFFFFF

    Gray

    Base

    #9D9D9E

    Light

    #F6F6F6

    Medium

    #D0D0D1

    Dark

    #63666A

    Red

    Base

    #E2231A

    Medium

    #AD1C14

    Dark

    #7A140E

    Blue

    Base

    #076CA5

    Medium

    #004769

    Dark

    #00324A

    Green

    Base

    #588141

    Medium

    #426131

    Dark

    #2D4221

    Contrast Checker

    WCAG 2.0 & 3.0 accessible color combinations for background & text color.

    AA (4.5)

    AAA (7.0)

    Ratio

    You can do anything your heart can imagine.

    Work on one thing at a time. Don't get carried away - we have plenty of time. We'll have a super time. This is the way you take out your flustrations.