Sapphire Loft color palette — #D7E4C6 · #009669 · #3165C5 · #00573B · #022261

Royal Blue takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#D7E4C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009669): A full-bodied, balanced teal — the color of shallow lagoons.
• Royal Blue (#3165C5): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#00573B): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#022261): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Wandering Indigo color palette (#E6F4DE, #24A38B, #6070C9, #006655, #262E69)
• Softworn Byzantium color palette (#CAE6D3, #008EA4, #8B42B5, #005260, #39134E)
• Frosted Pine color palette (#D8E4C8, #007F5A, #00678A, #594D00, #002719)
• Pale Station color palette (#DFFDF5, #4299E5, #009845, #005FA0, #00481D)
• Sunlit Corridor color palette (#DFF4E3, #006C76, #6800A5, #003339, #19002D)
• Worn Lagoon color palette (#AEF9E7, #10A58B, #006553, #00342A, #001B15)
• Timeworn Grove color palette (#E2EDDB, #007F6B, #755200, #004438, #251800)
• Pale Balcony color palette (#ECF9ED, #47B2B6, #9179CA, #007478, #463965)

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