Misty Courtyard color palette — #FFF2E9 · #C1ECFF · #83B9FF · #00A892 · #3B386A

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Frost (#C1ECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#83B9FF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A892): A luminous, balanced teal — the color of sea glass.
• Navy (#3B386A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Faded Sky Ridge color palette (#FFF2EE, #99F8F7, #49C7F0, #5FA369, #16416D)
• Periwinkle Veranda color palette (#F6EDE4, #A3DBFF, #7FA2F1, #00918B, #30264E)
• Weathered Powder Dune color palette (#FAF4ED, #C3E2F6, #B4C5F8, #8EAB8E, #614C54)
• Wandering Cobalt color palette (#DEF6F0, #00D8E1, #00ADE3, #2780D4, #353B6F)
• Wandering Teal Ridge color palette (#DCFFEB, #E9E3F5, #FFC1F3, #5EC3A9, #5A3E5B)
• Sunlit Meadow color palette (#EEF6FF, #B0D9FF, #2CB2FA, #007BBF, #002A51)
• Feathered Azure Harbor color palette (#EDDED8, #62D4D9, #00A0CE, #307F4A, #021E42)
• Feathered Cobalt Alley color palette (#F9EEF4, #AED6F0, #1086E0, #00625F, #151D54)

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