Sapphire Lagoon color palette — #EFF6FF · #8AB2FF · #CA8F06 · #0E54F2 · #2A1B00

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.
• Sky (#8AB2FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#CA8F06): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#0E54F2): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#2A1B00): 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 Sapphire Lagoon 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

• Amber Delta color palette (#EDF7FF, #65BAFF, #D68806, #006EAF, #2E1900)
• Aged Grape color palette (#F6F3FF, #C5B3FF, #9B9B00, #732AD8, #202000)
• Wandering Mustard Alley color palette (#CFE8FF, #67BEFF, #B6AB00, #008FDC, #332F00)
• Quiet Archive color palette (#F2F4FF, #CCBBFF, #A8BD07, #895CDD, #2C3200)
• Misty Cornflower color palette (#FBE3FE, #0A87F0, #877000, #004C8E, #1C1500)
• Weathered Ultramarine Study color palette (#F6DBF3, #3D7AFF, #8D6A00, #0030D0, #3B2B00)
• Antique Ember color palette (#E9F8FF, #2ED6F7, #EF4938, #00788C, #400100)
• Wandering Ember color palette (#F1F5FF, #7391FF, #F33A28, #008A3E, #060342)

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