Quiet Sky Harbor color palette — #EEF6FF · #74B7FF · #D8865E · #827227 · #182635

Sky and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#74B7FF): A luminous, balanced blue — the color of open sky before noon.
• Coral Clay (#D8865E): A luminous, balanced orange — the color of autumn markets.
• Walnut (#827227): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#182635): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Hazy Parlor color palette (#EAF8FF, #31C5E9, #E17A86, #956738, #122832)
• Amber Canyon color palette (#F1F5FF, #A7A7FF, #CB921B, #637D3D, #1E2435)
• Worn Quarry color palette (#EDF6FF, #6EC2FF, #CDA660, #A68C5E, #273540)
• Linen Periwinkle Dune color palette (#EFF6FF, #749EF8, #BA6039, #5E6700, #061C24)
• Hushed Rose color palette (#F2F5FF, #BDAFF5, #D1616D, #6A5C00, #00332C)
• Hushed Lilac color palette (#EAFAED, #C6C4FF, #B47AB5, #736214, #2E3044)
• Hushed Grove color palette (#F6F3FF, #DB8ED9, #7C8100, #00705D, #171124)
• Worn Iris Grove color palette (#FFECF5, #8479C7, #9E5C81, #714800, #25131D)

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