Sapphire Loft color palette — #F7ECE4 · #86B9D4 · #0067C1 · #004F50 · #242A4F
A conversation between Royal Blue and Midnight, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7ECE4): a clean, paper-quiet neutral.
- Sky (#86B9D4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0067C1): A full-bodied, vivid blue — the color of open sky before noon.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#242A4F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Petrol color palette (#DEEDEB, #7FBCDD, #0072AA, #004959, #00172D)
- Cobalt Archive color palette (#F9F4EF, #A1D1C1, #5476BD, #005E67, #37355C)
- Worn Petrol Villa color palette (#F5ECE8, #9ABB9D, #00748E, #005237, #00314F)
- Misty Periwinkle Market color palette (#E9F1EA, #A7DCF8, #63AAEA, #008F9D, #132B5A)
- Antique Cerulean color palette (#EFDFD6, #389EB4, #004F73, #003129, #001134)
- Timeworn Cerulean Boulevard color palette (#FDF3EE, #C7E5CD, #3C96B8, #277159, #2D4F47)
- Faded Study color palette (#E3DEC9, #8E9621, #732BBB, #494E00, #321A4F)
- Nightshade Boulevard color palette (#EDE3D8, #5D84A9, #1C239E, #002127, #0C0026)
Browse the whole catalog at Explore, or see today's palette.