Sapphire Lagoon color palette — #E9F3FF · #196BDF · #9F2300 · #403F00 · #000F10

A conversation between Royal Blue and Burnt Sienna, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Royal Blue (#196BDF): A full-bodied, vivid blue — the color of deep harbor water.
• Burnt Sienna (#9F2300): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#403F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000F10): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, 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

• Frosted Indigo Meadow color palette (#ECF2FF, #5A5DDD, #7D4300, #1F3F00, #00121B)
• Hazy Brick color palette (#EDF1FF, #7D6DE6, #AC0027, #373D00, #001C21)
• Mulberry Hollow color palette (#E4F5FF, #0082A6, #9F0040, #4F3400, #00140D)
• Feathered Ultramarine color palette (#DAE5F5, #1946C0, #712F00, #202B00, #000508)
• Airy Lapis Atelier color palette (#FFF0F9, #574BF6, #7C3B00, #592900, #202B08)
• Gentle Brick color palette (#ECF7FF, #24ACEA, #CC0038, #005C39, #00101A)
• Periwinkle Market color palette (#FFF0FE, #579CFF, #B14000, #576100, #132C17)
• Sunlit Byzantium color palette (#DAFCE1, #7D80F9, #950FB1, #4E3B00, #1E1437)

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