Weathered Sapphire color palette — #EFF6FF · #86ACFF · #C79D18 · #285DF6 · #4A3800

Royal Blue and Mustard set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#86ACFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#C79D18): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#285DF6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#4A3800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Lapis Station color palette (#F1F5FF, #B4B8FF, #A1A200, #5C3FEC, #3D3D00)
• Softworn Indigo color palette (#FFF0FB, #B4C5FF, #ED9D07, #576CEE, #422800)
• Amber Station color palette (#EEF6FF, #86C6FF, #D38800, #006CB1, #533300)
• Lapis Cabin color palette (#D5DEF3, #888BF2, #A48200, #562AF6, #342700)
• Sunlit Orchid Canyon color palette (#F4F4FF, #C6AADE, #8DB26E, #A05BD0, #354A22)
• Washed Byzantium color palette (#F5F4FF, #E2A4F9, #7AAE18, #9E00C5, #2C4300)
• Iris Atelier color palette (#F0F5FF, #AFC2FF, #FF8FA7, #748EF8, #641D31)
• Gentle Amber color palette (#E5EAFF, #A394FF, #D37300, #727B00, #2F2953)

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