Sapphire Basin color palette — #EFF6FF · #84ACFF · #C49E18 · #2661EE · #493800

Royal Blue and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#84ACFF): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#C49E18): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#2661EE): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#493800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Sapphire Basin 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

• Hushed Workshop color palette (#F0F5FF, #8BAAFF, #8DB418, #4264D9, #314200)
• Washed Ridge color palette (#EEF6FF, #8CC4FF, #D78500, #006AB9, #543100)
• Indigo Loft color palette (#FFF0FB, #B5C4FF, #E3A308, #5865FD, #3F2A00)
• Amethyst Villa color palette (#EAEDFF, #B096EE, #B09E29, #7650BB, #3E3600)
• Powdered Basin color palette (#FFF0FC, #6C8EEB, #9D7900, #2340E0, #4A3700)
• Powdered Orchid Delta color palette (#F5F4FF, #D1A4E0, #99AF6C, #A065B2, #3B481A)
• Dusty Ember Field color palette (#EAF8FF, #32D4F7, #E15A1A, #00859E, #662100)
• Byzantium Studio color palette (#F6F3FF, #F498F6, #89AA00, #9F2CA4, #334100)

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