Sapphire Courtyard color palette — #FFF2F0 · #FF8EB4 · #70AC39 · #3C66EF · #311D6C

Royal Blue takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Ballet Pink (#FF8EB4): A luminous, balanced rose — the color of strawberry cream.
• Kelly Green (#70AC39): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#3C66EF): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#311D6C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy. Tagged 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

• Sapphire Study color palette (#FFEDEA, #EE92A7, #70A35A, #4B68C5, #4A1136)
• Wisteria Loft color palette (#FFF1F5, #D49AFF, #BC9200, #0081A6, #39156D)
• Blush Studio color palette (#F5DAD8, #EB74AA, #818D00, #0066A3, #3F0023)
• Chalky Cobalt color palette (#FFE8F4, #EEBAB2, #D3A86B, #3E8BCC, #544176)
• Aubergine Drift color palette (#FFF2ED, #FF9589, #00B389, #008A69, #341475)
• Timeworn Amethyst color palette (#FEE2CD, #FB832B, #00A182, #781BEE, #4B0006)
• Tangerine Grove color palette (#FFF1F6, #CB9FFF, #E97034, #008A67, #341276)
• Iris Harbor color palette (#FBF4EA, #DFC299, #76B9A7, #9776B5, #5B3B00)

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