Sapphire Courtyard color palette — #E8FAF2 · #798E00 · #0B6ACD · #722A6C · #301421

A conversation between Royal Blue and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#798E00): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#0B6ACD): A full-bodied, vivid blue — the color of deep harbor water.
• Mulberry (#722A6C): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#301421): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Dusty Alley color palette (#E7FBEF, #A68C00, #0079AC, #683581, #2A1324)
• Faded Ultramarine Archive color palette (#E7FAF5, #6DA742, #4E53BC, #802051, #0B230F)
• Patina Parlor color palette (#E4F6F4, #52AC58, #007DA4, #6A3187, #4A1B0D)
• Gentle Ridge color palette (#E6FAF6, #71B06E, #666BD6, #8C4967, #233124)
• Nightshade Delta color palette (#E4FBF5, #536C00, #3E3B90, #2C2B66, #2B1B29)
• Patina Indigo Ridge color palette (#FFF2EB, #D7714E, #6261C5, #61306F, #1C0603)
• Washed Jade color palette (#DDF6E2, #7CB36A, #008B77, #654480, #103736)
• Byzantium Coast color palette (#E2FBFC, #00986F, #8C39BF, #822D31, #0D271C)

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