Misty Sapphire Courtyard color palette — #F1E7DF · #80BCDD · #1869C5 · #004B4D · #0F0F37

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

The five colors

• Parchment (#F1E7DF): bright and airy, almost weightless.
• Sky (#80BCDD): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#1869C5): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0F0F37): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Petrol Summit color palette (#F4E6DF, #78C1C8, #007695, #004D37, #00172C)
• Quiet Petrol color palette (#EDF0E5, #6EBBE9, #006DAC, #004D60, #0A2E54)
• Cobalt Villa color palette (#F9F0E7, #AAD1C6, #5E78C1, #005A65, #321526)
• Cobalt Quarry color palette (#F9EAF0, #83CFF9, #5288CE, #006B6E, #262950)
• Timeworn Study color palette (#F0E2DA, #3797B0, #004E76, #002C27, #000218)
• Timeworn Station color palette (#FFE0EE, #EEACDF, #DA7C83, #3F5AA2, #30131A)
• Hazy Amethyst Veranda color palette (#F6E6ED, #7B42D1, #626300, #005D1C, #1A010E)
• Grape Summit color palette (#DCEBFF, #667AEE, #5D00CE, #490068, #250127)

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