Dusty Sky Harbor color palette — #FAF4EC · #D5D7E6 · #27BCFF · #008788 · #0C375D

A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Silver (#D5D7E6): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#27BCFF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008788): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#0C375D): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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

• Feathered Azure color palette (#FFF4E3, #D8E7FC, #04A3F2, #007177, #00234F)
• Tempered Lagoon color palette (#F9F4EE, #BDE2EA, #71C9E3, #2D9583, #29463B)
• Tempered Petrol color palette (#F4EDE2, #7EC3D4, #007196, #003E3B, #000307)
• Ancient Cerulean Lagoon color palette (#E5FAF8, #9BD9ED, #048CB4, #00656E, #004564)
• Cerulean Workshop color palette (#F8F5EF, #C7DCE8, #BCBEF0, #599EAB, #5B4557)
• Worn Cerulean color palette (#FBF4E9, #7CDFDC, #008A99, #00543E, #000F16)
• Weathered Corridor color palette (#F6EEE1, #77A7D5, #1046C0, #002936, #01000A)
• Airy Blush Lantern color palette (#FFF1F0, #FF79BC, #A3A600, #0092C3, #361325)

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