Dusty Sapphire Courtyard color palette — #FEF4E3 · #82C0E8 · #006DCA · #005461 · #182973

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Sky (#82C0E8): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006DCA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005461): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#182973): A deep, shadowed, balanced 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 Dusty 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

• Washed Drift color palette (#FFF4E2, #81C4D0, #00799A, #00564F, #003754)
• Wandering Sapphire color palette (#FAF0E7, #78C5F5, #3562EC, #00524E, #21004A)
• Denim Harbor color palette (#F4EBDD, #7EA3C3, #1C53A7, #003C4A, #141848)
• Weathered Cornflower Canyon color palette (#FFF1F6, #93D4FC, #4F84FF, #00736D, #362562)
• Wisteria Canyon color palette (#EBF6FF, #C1D2FF, #C18DEE, #006F8F, #16386D)
• Worn Thicket color palette (#C0EDF5, #0099C1, #006892, #004672, #002D6D)
• Periwinkle Study color palette (#EBFAEE, #B3E0FF, #67AEFF, #0094AA, #1B2C6B)
• Plum Grove color palette (#C9E3FE, #0074C4, #B9004B, #3E5E00, #002545)

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