Teal Lagoon color palette — #DFFCFE · #38B796 · #7085CC · #00775E · #354065
Jade takes the lead with Lavender Blue close behind in a set that reads as creativity and calm at first glance.
The five colors
- Ivory (#DFFCFE): A whisper-light, dusty blue — the color of deep harbor water.
- Jade (#38B796): A luminous, balanced teal — the color of sea glass.
- Lavender Blue (#7085CC): A luminous, balanced violet — the color of wild irises.
- Teal (#00775E): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#354065): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Teal 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
- Soft Hollow color palette (#E8F8FF, #02B3C8, #9C74C6, #007381, #4B395F)
- Lagoon Workshop color palette (#E0FBFF, #009F8A, #4181B4, #696E25, #1D3E42)
- Moss Basin color palette (#E5FBF4, #89AF43, #2797B9, #586F31, #13495A)
- Turquoise Meadow color palette (#E7F9FF, #47C4CF, #9F9C63, #1A818A, #355546)
- Driftwood Station color palette (#DBF8FB, #58B89B, #BE728F, #00765D, #421429)
- Aged Azure Orchard color palette (#E1F1FF, #0095E5, #1F903F, #005B8F, #183F1F)
- Linen Amethyst Lantern color palette (#ACF4F5, #00979A, #8027FD, #005A5C, #331B61)
- Chalky Lagoon Corridor color palette (#F0F9E8, #6ACDAE, #D68AA6, #079677, #613143)
Browse the whole catalog at Explore, or see today's palette.