Sapphire Study color palette — #F0F6FE · #B7D1FF · #E0535A · #376FE0 · #0B020B

A conversation between Sapphire and Scarlet, giving this palette its sense of balance.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Lilac Frost (#B7D1FF): A whisper-light, dusty violet — the color of wild irises.
• Scarlet (#E0535A): A luminous, vivid orange — the color of sun-warmed clay.
• Sapphire (#376FE0): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#0B020B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Balance. Tagged duotone.

Use it as a design system

One click turns Sapphire Study 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

• Sunlit Ember color palette (#F3F5FD, #D6C5FF, #D75E58, #825FC2, #0C020A)
• Soft Peony color palette (#EEF7FD, #90DCFF, #DC4A95, #0082AB, #08030D)
• Linen Brick color palette (#F7EFF8, #69A4E2, #AA382F, #005798, #100300)
• Sunlit Coast color palette (#F4F4FF, #D7AFFF, #C95600, #930EDD, #040100)
• Aged Iris Balcony color palette (#FFF0F8, #C5C3FF, #CD83CF, #9086E9, #251215)
• Airy Brick color palette (#F3F4FF, #A381DB, #B72F19, #005925, #020D21)
• Airy Field color palette (#F0F5FF, #8299FF, #B30F00, #2F2BC4, #040000)
• Aubergine Basin color palette (#E6E9F7, #9B74E0, #930027, #4D008F, #030003)

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