Soft Sapphire Garden color palette — #DCECFF · #006BCD · #006B40 · #003871 · #002211

Royal Blue and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DCECFF): A whisper-light, dusty blue — the color of open sky before noon.
• Royal Blue (#006BCD): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Pine (#006B40): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003871): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002211): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Soft Sapphire Garden 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

• Ancient Sapphire color palette (#D3E6FE, #2868C3, #735100, #003275, #0D0600)
• Aged Boulevard color palette (#DAF3FE, #007B89, #5D5E00, #004149, #1C1C00)
• Muted Amethyst Pier color palette (#E9EEFF, #6B38F9, #006763, #391192, #00201E)
• Orchid Harbor color palette (#DFDAF5, #B250B8, #00749A, #701F75, #002D3F)
• Pale Ultramarine Villa color palette (#E7EEFD, #1C3CE1, #800F77, #00464A, #030C33)
• Ancient Mulberry color palette (#DBEBF6, #00789D, #900098, #003F55, #300033)
• Gentle Cornflower color palette (#F4DDF4, #3382F4, #986B00, #004DAB, #261800)
• Tempered Periwinkle Coast color palette (#F0F5FF, #809BEB, #399E80, #4D62A1, #124B4F)

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