Tempered Sapphire Lagoon color palette — #D7ECDF · #9B8600 · #315FF4 · #594C00 · #020052

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

The five colors

• Honeydew (#D7ECDF): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#9B8600): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#315FF4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#594C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#020052): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered 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

• Lapis Boulevard color palette (#E7ECD7, #8DA122, #4F44DC, #475300, #11004B)
• Faded Indigo Boulevard color palette (#F6E2B9, #CBAE2A, #516EEC, #7B6800, #182469)
• Wandering Amber color palette (#EFDCE3, #D27E22, #0069A0, #703E00, #001829)
• Pale Grape color palette (#D5F8F3, #52A44C, #7839A3, #0D5609, #1E0030)
• Washed Grape Lantern color palette (#EDF0D8, #737800, #0063BE, #6900BD, #0E1000)
• Byzantium Lantern color palette (#D5FCF0, #94B73D, #994BBD, #4D6500, #340048)
• Softworn Lagoon color palette (#CBEFDB, #968600, #008084, #594F00, #003537)
• Worn Thicket color palette (#E7F6EE, #B7B689, #9496CE, #7B7500, #252F4F)

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