North Star Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around North Star (#F2DEA4), each snapped to its nearest named color.
#DDAA22
#E6C562
#F2DEA4
#FDF6E7
#FAF7E9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Baroque | #DDAA22 | 221, 170, 34 | 44°, 73%, 50% | 0, 23, 85, 13 | |
| Tasman Honey Yellow | #E6C562 | 230, 197, 98 | 45°, 73%, 64% | 0, 14, 57, 10 | |
| North Star | #F2DEA4 | 242, 222, 164 | 45°, 75%, 80% | 0, 8, 32, 5 | |
| Antique China | #FDF6E7 | 253, 246, 231 | 41°, 85%, 95% | 0, 3, 9, 1 | |
| Touch of Sun | #FAF7E9 | 250, 247, 233 | 49°, 63%, 95% | 0, 1, 7, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDAA22 on #FAF7E9 | 1.98:1 | — |
| Aa #DDAA22 on #FDF6E7 | 1.98:1 | — |
| Aa #DDAA22 on #F2DEA4 | 1.60:1 | — |
| Aa #E6C562 on #FAF7E9 | 1.56:1 | — |
| Aa #E6C562 on #FDF6E7 | 1.56:1 | — |
| Aa #DDAA22 on #E6C562 | 1.27:1 | — |
CSS variables
:root {
--color-1: #ddaa22; /* Baroque */
--color-2: #e6c562; /* Tasman Honey Yellow */
--color-3: #f2dea4; /* North Star */
--color-4: #fdf6e7; /* Antique China */
--color-5: #faf7e9; /* Touch of Sun */
}Other schemes from North Star
- North Star Complementary Color Scheme#F2DEA4#FAF7E9#A3B1F2#6488EA#E8EEFE
- North Star Analogous Color Scheme#F5A5B8#F0BAA4#F2DEA4#DEF0A3#BCF5A6
- North Star Triadic Color Scheme#F2DEA4#A2EBD8#DDAAEE#FAF7E9#6FE7DB
- North Star Split-complementary Color Scheme#F2DEA4#A4DDED#ACACE6#E6C562#E8F7FD
- North Star Tetradic Color Scheme#F2DEA4#A3EFB8#A3B1F2#EEAADD#FAF7E9
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
Questions
What colors go with North Star?
In a monochromatic scheme: Baroque (#DDAA22), Tasman Honey Yellow (#E6C562), Antique China (#FDF6E7), Touch of Sun (#FAF7E9).
What is the hex code of North Star?
#F2DEA4.