Hazy Sapphire Lagoon color palette — #C3E9E9 · #009F67 · #006FE6 · #00633E · #00193E

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

The five colors

• Frost (#C3E9E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Kelly Green (#009F67): A luminous, balanced teal — the color of shallow lagoons.
• Royal Blue (#006FE6): A full-bodied, vivid blue — the color of open sky before noon.
• Pine (#00633E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00193E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Antique Loft color palette (#CBFBE1, #00AC74, #0A73F1, #005C3C, #00061A)
• Airy Lapis Coast color palette (#D2EFF5, #008A7D, #564BD6, #005149, #0C003A)
• Faded Pine Archive color palette (#D2F0E0, #008A5C, #007496, #685700, #00170C)
• Patina Moss Bloom color palette (#E3F3EC, #8A8D02, #008492, #555700, #001F24)
• Worn Basin color palette (#D4F4FF, #00999F, #817700, #005F63, #1E1B00)
• Wandering Violet color palette (#BEEEFB, #00B5B5, #926AFF, #007978, #350078)
• Misty Moss Coast color palette (#C6E3F6, #2EA6D4, #599B0B, #006D90, #183100)
• Jade Loft color palette (#CBE5DA, #08B28E, #00755B, #003A2D, #00100A)

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