Sky Harbor color palette — #D8E9E0 · #22BBE9 · #7C697A · #3B4F45 · #131B13

Cyan and Pewter set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D8E9E0): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#22BBE9): A luminous, balanced blue — the color of open sky before noon.
• Pewter (#7C697A): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#3B4F45): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#131B13): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Periwinkle color palette (#F3DDED, #91A4F6, #826770, #544450, #101B18)
• Timeworn Courtyard color palette (#DFE8DA, #00C6A8, #5E7766, #434E3C, #181912)
• Cerulean Study color palette (#D2E8F7, #009DCB, #395063, #20303A, #111A1E)
• Softworn Turquoise color palette (#E7FBF1, #2BACDA, #2D4E44, #072419, #020704)
• Azure Veranda color palette (#CDE7FF, #0897F2, #52518B, #113D34, #000B04)
• Linen Periwinkle color palette (#C8F1FF, #79D1FE, #79B0F7, #6E7EC2, #4E466B)
• Washed Alley color palette (#FDF3EE, #C4EBE1, #8BC8DA, #6EA788, #225244)
• Worn Petrol color palette (#CEECE0, #0073A3, #262F54, #171F27, #000810)

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