Sapphire Basin color palette — #FBF0E4 · #8EC1F0 · #4664DD · #00505B · #1E004C

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

The five colors

• Cream (#FBF0E4): bright and airy, almost weightless.
• Sky (#8EC1F0): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4664DD): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00505B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1E004C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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 Boulevard color palette (#FFEEE4, #84C7DB, #0079B5, #00524A, #000E50)
• Dusty Lantern color palette (#F2F8E7, #88BDEF, #0069D8, #005172, #142C6D)
• Hushed Balcony color palette (#EEF9ED, #9CD1FF, #5782FF, #00707D, #332369)
• Softworn Denim color palette (#E9DDD7, #6AA9A8, #006375, #003C22, #000C16)
• Linen Lapis color palette (#F8EDFF, #F3B6D3, #FF7B58, #5042CA, #350F37)
• Timeworn Cypress Canyon color palette (#F8F0EC, #CBE4D0, #4299BA, #006F54, #0A2E4C)
• Grape Garden color palette (#DDE5F9, #7F6AFA, #8000CD, #570067, #2F0025)
• Hushed Market color palette (#ECDCEB, #B900B8, #646B00, #006336, #1E001E)

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