Sapphire Drift color palette — #F4DCF1 · #174DFC · #774F00 · #021AA0 · #0B0500

A conversation between Royal Blue and Indigo, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F4DCF1): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#174DFC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Coffee (#774F00): A full-bodied, balanced gold — the color of honey in a jar.
• Indigo (#021AA0): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#0B0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Softworn Archive color palette (#EBEBFF, #6941DF, #545F00, #3B0D8F, #050700)
• Cobalt Quarry color palette (#DAEBFF, #1F6ABF, #675200, #002A58, #020100)
• Softworn Ultramarine Station color palette (#DAE7FA, #0054B0, #594D00, #2A3E10, #000207)
• Nocturne Boulevard color palette (#D9E9FF, #004BA9, #004B2F, #001D4B, #000803)
• Denim Veranda color palette (#FBE8FA, #387CDB, #008656, #004FAB, #000803)
• Muted Chestnut color palette (#CFE5D9, #007493, #8A4000, #003E51, #0E0300)
• Pale Sapphire Corridor color palette (#DCF6E7, #947700, #006DCF, #1C020D, #040104)
• Pale Nightshade Bloom color palette (#F1D4E6, #999EFF, #938800, #4845A2, #2E2A00)

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