Sapphire Basin color palette — #F4EDE6 · #87B7E1 · #405FC3 · #004E58 · #2D284B

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

The five colors

• Cream (#F4EDE6): a clean, paper-quiet neutral.
• Sky (#87B7E1): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#405FC3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#2D284B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Hushed Petrol color palette (#DAEEED, #89B8E5, #3B6CAC, #004764, #041238)
• Hushed Petrol color palette (#F5ECE8, #7EBEC5, #007394, #00523D, #0B304F)
• Linen Terrace color palette (#ECF0E6, #A0C9F1, #4686DE, #00668E, #1C2C51)
• Cobalt Studio color palette (#FEF2EC, #9BDAE9, #0089C1, #006859, #264067)
• Cerulean Alley color palette (#E7F2E9, #AED8FF, #81A4E5, #008CAD, #242856)
• Washed Navy Basin color palette (#EEE2D9, #3E9BC3, #004A89, #00302F, #0A083E)
• Powdered Grape Corridor color palette (#DFE0CB, #53A521, #6D34B7, #255700, #2F1D4C)
• Hushed Lagoon Summit color palette (#F1E3DC, #388F96, #004357, #002318, #000A17)

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