Sky Harbor color palette — #FFF1F4 · #D7BAE7 · #F4A5A5 · #7DB4E8 · #533A41

A conversation between Sky and Rose Quartz, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D7BAE7): A whisper-light, dusty violet — the color of wild irises.
• Rose Quartz (#F4A5A5): A luminous, balanced red — the color of late-summer berries.
• Sky (#7DB4E8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#533A41): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Lilac Archive color palette (#FFF2EF, #F7B0C3, #E4B37F, #B3A3E1, #553B36)
• Teal Basin color palette (#FFF0FE, #AAC9F7, #D9ACDC, #51C3BF, #4F3A4F)
• Softworn Jade Atelier color palette (#FFF1F3, #CCA1CA, #AFA858, #4FA76F, #533B3F)
• Ancient Lilac Boulevard color palette (#FFF1F4, #F9D8FF, #D2A8DD, #A979B6, #462A4C)
• Weathered Mustard color palette (#F3F4FF, #D4BFFF, #BAC45F, #64B594, #353748)
• Fuchsia Orchard color palette (#FFE3E7, #EC89EE, #FF8067, #5E99FF, #481C49)
• Worn Shell Corridor color palette (#DCE3FF, #FFD2B2, #FFBFD6, #846562, #3F312F)
• Airy Iris color palette (#FFDAD9, #EA8BBB, #E98940, #8883FD, #431F1F)

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