Sapphire Loft color palette — #F5EDE6 · #89B8D6 · #2B65BD · #004F53 · #28294D

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Sky (#89B8D6): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#2B65BD): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#28294D): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Indigo Studio color palette (#FBF4EC, #A5C9EB, #5671CE, #005E6B, #3B3459)
• Dusty Petrol color palette (#DAEEED, #79BCE8, #266FAA, #00485D, #001532)
• Worn Cabin color palette (#F8ECE5, #7CBFC0, #00748C, #005334, #08314A)
• Wandering Cerulean Market color palette (#FEF2ED, #93DCE5, #008CB4, #006950, #13426B)
• Tempered Ridge color palette (#E9F1EA, #B7D8F2, #6AA8F0, #008EA3, #1E2B53)
• Denim Parlor color palette (#F7E9E1, #3B9CBB, #004E7B, #00302C, #040E39)
• Dusty Coral color palette (#FFEFF5, #E1ACDA, #EE787B, #3F5393, #4B2C32)
• Ash Lagoon color palette (#F9F4EF, #CAE6E9, #8399C7, #357A83, #634A58)

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