Sapphire Drift color palette — #FFEFDB · #A47000 · #0068CB · #00478F · #1E1100

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFEFDB): A whisper-light, dusty gold — the color of old brass.
• Ochre (#A47000): A full-bodied, balanced gold — the color of old brass.
• Royal Blue (#0068CB): A full-bodied, vivid blue — the color of deep harbor water.
• Indigo (#00478F): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#1E1100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Timeworn Mulberry color palette (#FFEEE3, #D76822, #005DA2, #89003D, #230D00)
• Aged Meadow color palette (#FBF1D8, #8B7D00, #006FB5, #840B4E, #1B1300)
• Antique Nightshade color palette (#FFF3E4, #9E6B00, #007097, #483A8A, #3C2605)
• Quiet Delta color palette (#FFEFDD, #9F6500, #005A69, #670033, #180B00)
• Tempered Lapis color palette (#FEF0D9, #987700, #584CE5, #861C00, #1B1300)
• Timeworn Lantern color palette (#E5FDE5, #DC9600, #00A2C6, #5F57B7, #08220A)
• Hushed Indigo color palette (#FFF0F7, #E57000, #7A71F0, #5C56B8, #3E2030)
• Scarlet Boulevard color palette (#FFEEE6, #D63C35, #007B76, #4B2D9C, #260B01)

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