Sapphire Courtyard color palette — #F7F3FF · #FF9BE4 · #00A95B · #496ADC · #1B2B62

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

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Carnation (#FF9BE4): A luminous, balanced pink — the color of neon signs at night.
• Kelly Green (#00A95B): A luminous, vivid teal — the color of shallow lagoons.
• Sapphire (#496ADC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#1B2B62): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Feathered Workshop color palette (#FBECFC, #FF8799, #00AA9C, #5D66BA, #222651)
• Sapphire Villa color palette (#F4F4FF, #D9ADFF, #A89F09, #3161C7, #132C63)
• Powdered Nightshade color palette (#E5DDF3, #EC81D3, #06A153, #5D36AD, #230F49)
• Byzantium Balcony color palette (#FFF0FC, #FF958A, #00ADB9, #9F45C3, #461559)
• Powdered Amber Courtyard color palette (#EFF6FF, #93B6FF, #DA7F00, #0082A0, #003258)
• Powdered Cabin color palette (#FFE1F7, #FFBCB6, #C4B259, #848AC1, #424676)
• Chalky Coral color palette (#FFF0FB, #FF8674, #758900, #005C67, #29104A)
• Sunlit Emerald color palette (#FAF2FA, #A8F5F2, #14C9F5, #4BA854, #10426E)

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