Sapphire Drift color palette — #F4EDE5 · #8CB6DA · #4F5FB5 · #004F51 · #362152

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EDE5): bright and airy, almost weightless.
• Sky (#8CB6DA): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#4F5FB5): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#362152): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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 Cobalt Basin color palette (#E3ECE5, #94B7D9, #4268B5, #00485C, #100D3A)
• Weathered Balcony color palette (#F6ECE7, #91BDA3, #236DA6, #00523F, #22275A)
• Soft Onyx Pier color palette (#F2E1DA, #5DACBA, #005E89, #00402A, #0A184F)
• Quiet Cobalt color palette (#FFF2EB, #97DAEC, #2686C7, #00694F, #303B6E)
• Hushed Terrace color palette (#E2FBE2, #74CCF1, #A193D0, #33641E, #003946)
• Pale Iris color palette (#F7EBEE, #AFD8FF, #8C9AFF, #009096, #36224C)
• Timeworn Olive color palette (#FCF3F0, #CCE8E0, #6DA2B5, #6C752E, #5D4C5F)
• Tempered Basin color palette (#96F5FB, #00A9B7, #006470, #002F33, #001B20)

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