Sky Harbor color palette — #FFF2ED · #FFA09E · #64BDFF · #7BABD1 · #3E3633

Sky and Rose Quartz set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#FFA09E): A luminous, balanced orange — the color of toasted spice.
• Sky (#64BDFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Blue Fog (#7BABD1): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#3E3633): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Sky Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Tempered Mallow color palette (#FFF2EF, #FF9BB8, #56C8CB, #64A5C2, #4B302C)
• Marigold Lantern color palette (#FFF3E7, #FFA74E, #8EB3FF, #A092CC, #3C3732)
• Mallow Station color palette (#FFD2D6, #8BDCFF, #FFA7D7, #66504F, #332B2B)
• Iris Harbor color palette (#F3D9C9, #FFA56A, #9289FF, #2F87E7, #3C1900)
• Tangerine Corridor color palette (#FFF0F9, #F87C4B, #4AAE80, #7C80BC, #45313E)
• Cocoa Meadow color palette (#FFF2ED, #CAFDE5, #DFDDCC, #D4A3BD, #723E09)
• Muted Pier color palette (#FFE8C0, #FDBF40, #D590DC, #9982E7, #412C00)
• Tempered Apricot Lantern color palette (#FFF2EB, #FBA07D, #B0AF65, #B57CA7, #3E2412)

Browse the whole catalog at Explore, or see today's palette.