Sapphire Drift color palette — #FFF0FD · #63D3A7 · #275CDC · #223867 · #251423

Royal Blue and Mint Leaf set the tone — five colors that lean into creativity and calm.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Mint Leaf (#63D3A7): A luminous, balanced teal — the color of glacier melt.
• Royal Blue (#275CDC): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#223867): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#251423): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Calm, Energy, Balance. Tagged luxury, dark, vibrant, cool.

Use it as a design system

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

• Gentle Mint color palette (#E5FBF3, #74D293, #006FA9, #003E61, #052019)
• Airy Cobalt Chapel color palette (#FFF0FD, #FED27A, #4366B8, #142A61, #120111)
• Nightshade Villa color palette (#E7D9E2, #ED7D8E, #443DBA, #202058, #160411)
• Feathered Lapis color palette (#FFF0F8, #FF99A0, #654DD0, #382F6D, #28121F)
• Soft Cornflower Courtyard color palette (#EFF6FF, #F7C75E, #608AE5, #3C5999, #0F1B2D)
• Worn Marigold color palette (#FFF0FD, #CD9700, #22428E, #0E2254, #251324)
• Ancient Market color palette (#FFF1F4, #F5B1A3, #8D59A0, #503759, #2B1D21)
• Amethyst Thicket color palette (#FFF0F8, #B7AFFF, #BF4BD3, #794EF6, #31111A)

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