Sapphire Loft color palette — #D3F0E4 · #00B1C7 · #246BC7 · #6E4400 · #4F3900

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

The five colors

• Honeydew (#D3F0E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00B1C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#246BC7): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4F3900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Washed Lantern color palette (#DDF1DC, #62B0A3, #2776A1, #80331C, #503A00)
• Airy Indigo color palette (#C5E7E9, #5CADE2, #7765B6, #5B4C00, #1B421E)
• Chestnut Workshop color palette (#E1F3FF, #007AAD, #9D4800, #5C5400, #00273C)
• Antique Cobalt color palette (#D1E8FE, #008ADC, #A45B00, #005285, #472400)
• Hushed Aqua Dune color palette (#DEF4F4, #62C6EB, #7EA0D1, #A65A63, #652A00)
• Powdered Cobalt Boulevard color palette (#CCF3FF, #5EB7EB, #558CCE, #764D83, #572B4D)
• Hushed Azure color palette (#C7EAF4, #36A3DB, #3E6BA6, #542E61, #35162E)
• Weathered Iris Atelier color palette (#DCF3FF, #787CC0, #774774, #274000, #00302C)

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