Sapphire Basin color palette — #ECE0D6 · #77BBE0 · #2E6AE8 · #005A53 · #211444

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#ECE0D6): bright and airy, almost weightless.
• Sky (#77BBE0): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2E6AE8): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#211444): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Gentle Cobalt Alley color palette (#FDECE5, #74BFC8, #007EAE, #005D38, #0A1D42)
• Worn Cobalt color palette (#FFF1F7, #97D5F8, #357AD1, #005153, #080034)
• Aged Denim color palette (#DBE7DD, #6BA7CA, #00599B, #003D45, #0D1C43)
• Soft Azure color palette (#FFF2EC, #86DBE5, #0098D1, #00764A, #152F66)
• Ultramarine Orchard color palette (#D3E8FC, #32A1FE, #0064C6, #00316E, #00071E)
• Faded Azure Drift color palette (#DCF3EC, #279DF3, #9D4900, #00568D, #2F1100)
• Feathered Fuchsia Market color palette (#D4ECE0, #B3C2FF, #DA7BC8, #007569, #0D2444)
• Quiet Cobalt color palette (#CCEADD, #007FAD, #886100, #535603, #00141F)

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