Makoto Shinkai Sky — 5-color palette
#FF8C61#FFB47A#F4D58D#9DB4C0#5E7A8EHex codes
Hex
#FF8C61
RGB
255, 140, 97
HSL
16°, 100%, 69%
Hex
#FFB47A
RGB
255, 180, 122
HSL
26°, 100%, 74%
Hex
#F4D58D
RGB
244, 213, 141
HSL
42°, 82%, 75%
Hex
#9DB4C0
RGB
157, 180, 192
HSL
201°, 22%, 68%
Hex
#5E7A8E
RGB
94, 122, 142
HSL
205°, 20%, 46%
How to use this palette
The first color in Makoto Shinkai Sky is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--makoto-shinkai-sky-1: #FF8C61;
--makoto-shinkai-sky-2: #FFB47A;
--makoto-shinkai-sky-3: #F4D58D;
--makoto-shinkai-sky-4: #9DB4C0;
--makoto-shinkai-sky-5: #5E7A8E;
}