Sapphire Drift color palette — #ECECE0 · #8AB460 · #246BDD · #477200 · #180418

Royal Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#ECECE0): bright and airy, almost weightless.
• Jade (#8AB460): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#246BDD): A full-bodied, vivid blue — the color of deep harbor water.
• Olive (#477200): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#180418): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Washed Pine color palette (#F4F7EB, #90C491, #1A83DD, #008A24, #221025)
• Softworn Terrace color palette (#F1EBDD, #B7A54C, #0079B4, #736300, #000F1B)
• Dusty Garden color palette (#E8FAF4, #A2CC58, #6A62D9, #516F00, #00000B)
• Wandering Grape color palette (#E5E9DA, #54A76C, #6E3BBF, #00642E, #050013)
• Timeworn Byzantium color palette (#E8EDE2, #55BB90, #914FB5, #007651, #1D040D)
• Quiet Denim color palette (#E7E2CA, #858F00, #0065B2, #6D2C00, #1F2200)
• Lagoon Delta color palette (#F2F7EE, #98D3BD, #7C89D1, #009774, #301C2B)
• Dusty Byzantium color palette (#ECF5E9, #00C5B5, #B600DB, #007A70, #1E0425)

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