Sapphire Loft color palette — #CAE7D0 · #00A7A9 · #1B68BD · #5D4300 · #002933

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

The five colors

• Celadon Mist (#CAE7D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00A7A9): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#1B68BD): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002933): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

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

• Gentle Lapis color palette (#C2E8DD, #00A1CB, #605BB5, #4A4C00, #002643)
• Hushed Grove color palette (#D0E6E8, #009D7D, #694CB2, #653400, #00261D)
• Softworn Sapphire color palette (#FFF2EA, #00B6CB, #4865B9, #613000, #00170F)
• Antique Thicket color palette (#F5D2E9, #26A989, #007398, #7E2500, #002B2A)
• Wandering Hollow color palette (#D2F5F0, #89B0CD, #7678A7, #67551E, #1F3D05)
• Chalky Aubergine color palette (#DEEED8, #007CA6, #4E27A8, #292F00, #000B1E)
• Faded Cerulean color palette (#F4EBF2, #93D0DC, #0092C6, #006E5A, #082E57)
• Worn Pine color palette (#DBE8E1, #8DB17C, #00875B, #00616C, #183008)

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