Misty Courtyard color palette — #F3F8E8 · #C8EAFF · #69BFFF · #259FC0 · #17416B

Sky and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F8E8): A whisper-light, dusty green — the color of a quiet forest floor.
• Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#69BFFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#259FC0): A luminous, balanced blue — the color of deep harbor water.
• Navy (#17416B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Misty Courtyard 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

• Azure Orchard color palette (#C7E9F2, #55D4FF, #00AEE4, #008BC8, #004771)
• Wandering Field color palette (#EFF8F0, #D8D6E2, #62B4FF, #008694, #183267)
• Fuchsia Alley color palette (#DCEDFF, #72BAFF, #D87EFF, #00B4A2, #13324E)
• Aqua Harbor color palette (#F6F7E3, #98F7FD, #00CDE4, #00A79C, #004856)
• Antique Sky Dune color palette (#FEF0FF, #DDDAEB, #CAAFB1, #6AB3E0, #563C55)
• Frosted Cobalt color palette (#EDF1E2, #63BCE4, #008DC9, #006A7D, #001528)
• Fuchsia Loft color palette (#D9FFF1, #84CEFF, #FE83E2, #00A2E9, #5C1F4F)
• Ancient Glacier Lagoon color palette (#F6F6ED, #C8EADF, #8BD6D9, #95A98A, #46584A)

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