Soft Sapphire Lagoon color palette — #ECDDE8 · #3F68FF · #725F00 · #584A00 · #020200

Sapphire and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#ECDDE8): A whisper-light, dusty pink — the color of neon signs at night.
• Sapphire (#3F68FF): A full-bodied, vivid violet — the color of wild irises.
• Olive (#725F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#584A00): A full-bodied, balanced green — the color of fresh herbs.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Tempered Indigo Summit color palette (#EBDEE7, #606AFF, #786200, #05530E, #000B01)
• Cobalt Terrace color palette (#C3ECE2, #0077CD, #815900, #5F4000, #000200)
• Byzantium Workshop color palette (#FBDFE7, #9100D9, #575400, #3C3900, #000203)
• Quiet Cornflower Villa color palette (#D6E7D7, #3283FE, #A52A93, #00581A, #0C012A)
• Ultramarine Hollow color palette (#DDEAFF, #2133F2, #612700, #1F2900, #000203)
• Feathered Studio color palette (#FFE8EB, #B00CD8, #905500, #643900, #000204)
• Indigo Field color palette (#F8D8EA, #7256FF, #AA004D, #880022, #000302)
• Antique Villa color palette (#FFE4F6, #9DAAFF, #7C8600, #666E00, #001B0A)

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