Muted Sky Harbor color palette — #F9F3F7 · #CEE0F7 · #58AFE0 · #448B67 · #364864

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#CEE0F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#58AFE0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#448B67): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#364864): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Powder Veranda color palette (#FDF3EE, #C0E4ED, #89C4E2, #4F907D, #4B374D)
• Washed Azure Station color palette (#FBF2F7, #B7DAF0, #4C98ED, #007E6B, #35365B)
• Softworn Cerulean color palette (#F9F4ED, #C1E8CB, #3996B6, #167167, #295144)
• Spruce Ridge color palette (#F1E6F2, #44A4A0, #006279, #013F0A, #000A18)
• Softworn Petrol color palette (#EBE0E7, #4EB0CD, #0069B2, #004C3C, #0D0A39)
• Quiet Lantern color palette (#FFF0FA, #EB846A, #00A8D5, #4E80C4, #472F40)
• Aged Station color palette (#EBF9F1, #B1C796, #9F903C, #885F36, #2A4242)
• Patina Ridge color palette (#FBF1FD, #EB9EAF, #3DADFB, #C35774, #214662)

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