Sapphire Courtyard color palette — #E0EDDF · #8DB8E1 · #4C64BA · #004A55 · #170E31

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

The five colors

• Honeydew (#E0EDDF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#8DB8E1): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#4C64BA): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#170E31): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Petrol Thicket color palette (#F6EDE3, #90B6D9, #5660AA, #004F52, #37214F)
• Worn Petrol color palette (#F4E3F0, #6DC3CE, #007699, #004D3B, #00172E)
• Cobalt Market color palette (#FAEEF5, #8BDEF3, #008DC8, #006356, #07234E)
• Ash Lagoon color palette (#F7EFF4, #D0D5F2, #68A7B8, #457574, #283845)
• Cerulean Delta color palette (#EEDDE4, #0096CA, #00488C, #002C2C, #02001C)
• Washed Lagoon Coast color palette (#EFE2EC, #008894, #004257, #002017, #000104)
• Powdered Grape color palette (#DEEFEB, #66A221, #80329F, #2E5200, #20002C)
• Seafoam Boulevard color palette (#C7F6ED, #63E5B8, #2FB5D2, #786000, #001B1A)

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