Sapphire Loft color palette — #F9E8F0 · #77A8C3 · #3B6FD1 · #005E57 · #0B0026
A conversation between Royal Blue and Ink, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9E8F0): A whisper-light, dusty rose — the color of a warm blush.
- Blue Fog (#77A8C3): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#3B6FD1): A full-bodied, vivid violet — the color of wild irises.
- Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#0B0026): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Cornflower Courtyard color palette (#EEE0E6, #81B7DE, #607CD7, #006D6B, #1B003A)
- Softworn Pier color palette (#EFE5EE, #70ACB2, #007FAB, #006137, #000721)
- Denim Market color palette (#ECE4D8, #709E8B, #005B97, #003A41, #000526)
- Softworn Navy color palette (#F4E4D7, #0084AE, #003680, #00201B, #010009)
- Patina Lapis Summit color palette (#CCEBE3, #6FA235, #4F39DD, #3B6100, #040021)
- Antique Turquoise Orchard color palette (#CCEEDD, #65B9B8, #00A5C6, #9C5E00, #020E00)
- Frosted Emerald color palette (#F3ECF4, #ACDCEA, #43B3DA, #009841, #012D5A)
- Hushed Aubergine Archive color palette (#EFF8EE, #BCDEFF, #95A1FF, #00969D, #44146A)
Browse the whole catalog at Explore, or see today's palette.