Sapphire Courtyard color palette — #F6EBE0 · #8EB6D7 · #436DD4 · #005861 · #1E1545

Sapphire and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EBE0): a clean, paper-quiet neutral.
• Sky (#8EB6D7): A luminous, dusty blue — the color of deep harbor water.
• Sapphire (#436DD4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#005861): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1E1545): 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 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

• Linen Cobalt color palette (#F7EDE8, #6FBFD1, #007EB0, #005B4D, #001D47)
• Quiet Cobalt Villa color palette (#EAFAED, #A5D2F5, #4B7AC0, #004F5F, #060036)
• Gentle Iris Chapel color palette (#F1E1E7, #98C6E9, #6F8AEE, #007D7D, #261241)
• Washed Denim Terrace color palette (#DCEEEE, #63A5DA, #0D589C, #003B50, #041C47)
• Muted Villa color palette (#FFF2EB, #74DCF4, #0097D6, #007464, #113161)
• Wisteria Cabin color palette (#D9F4ED, #B4B5F2, #D483D8, #007C91, #331A31)
• Timeworn Navy color palette (#C9EDF1, #0097B6, #006FA4, #00329A, #181651)
• Dusty Cobalt Market color palette (#E3F4EE, #0090CD, #907000, #005981, #231900)

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