Hazy Lapis color palette — #DDF3E0 · #00868D · #5630DB · #6A3800 · #011C07

Built around Iris, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDF3E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#00868D): A full-bodied, balanced blue — the color of deep harbor water.
• Iris (#5630DB): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#6A3800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#011C07): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy Lapis 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 Ultramarine Drift color palette (#E1F3DD, #008B82, #0055D3, #7C2300, #051803)
• Airy Boulevard color palette (#EDF9EB, #009A91, #853FB6, #5D4F00, #152512)
• Grape Workshop color palette (#D6EFDF, #008198, #9000A5, #4D4300, #001609)
• Pale Bloom color palette (#CAE9DF, #0073B0, #322ABF, #462900, #000608)
• Quiet Grape color palette (#E6F9FF, #008A8D, #722FA5, #5E2100, #000202)
• Patina Cobalt color palette (#F3D9C2, #00AA8F, #006ABE, #6C3900, #002A2E)
• Hushed Plum Ridge color palette (#E1FDF2, #0088C1, #B90074, #384B00, #001D2D)
• Plum Coast color palette (#DCE5D2, #009E75, #AA1B79, #563E00, #2A1D00)

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