Tempered Sapphire Boulevard color palette — #F3EEE5 · #85B8DF · #2766BB · #004D5D · #222A51

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

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sky (#85B8DF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#2766BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#222A51): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Sapphire Boulevard 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

• Worn Bloom color palette (#F6EDDF, #6AC0CF, #007392, #005049, #00314C)
• Tempered Petrol color palette (#F1E7DD, #92BEB0, #4B69A8, #004A51, #140E35)
• Weathered Summit color palette (#F7EBEF, #9CCBEE, #6185CA, #006B73, #2A245A)
• Periwinkle Terrace color palette (#E4F2F1, #BBD7F0, #68A9ED, #008AB5, #092B5F)
• Gentle Cerulean Harbor color palette (#FBF4E9, #7BE0F1, #008CB2, #00675F, #0D4464)
• Hushed Cerulean color palette (#EAE3D7, #3D9CBE, #004E78, #002F32, #001330)
• Weathered Teal color palette (#92F3FB, #00ADB6, #006066, #002E30, #00191B)
• Dusty Periwinkle Basin color palette (#DBFCDB, #57D2EB, #67A1E4, #016B4F, #1B3D27)

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