Sapphire Drift color palette — #FFF1F5 · #DD8D25 · #006ECF · #0053A0 · #160900

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#DD8D25): A luminous, balanced gold — the color of old brass.
• Royal Blue (#006ECF): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#0053A0): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#160900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Airy Hollow color palette (#FFF3E2, #D09525, #6E45ED, #5339B0, #140A00)
• Linen Workshop color palette (#FFD8E8, #FE9D3F, #3980E9, #6B51C6, #321800)
• Washed Hollow color palette (#FFF2EF, #FF412B, #0089B8, #005C7E, #210100)
• Ancient Basin color palette (#FEF7C8, #AE9B00, #00749E, #600080, #250021)
• Hushed Grape Boulevard color palette (#DBFFEF, #9FA024, #7351AC, #583988, #000A05)
• Pale Balcony color palette (#FFF1F5, #A97600, #3D37FF, #3E009A, #140009)
• Powdered Mustard color palette (#FFF3E6, #C7A800, #048B4C, #542984, #161B00)
• Soft Lagoon color palette (#E2FEE8, #E0AE29, #9B5FD8, #86499B, #05220F)

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