Teal Lagoon color palette — #BAF8E9 · #6FE4D7 · #26C4C1 · #209DA3 · #0C4D53
Built around Turquoise, softened by Lagoon — the whole palette hums with trust and stability.
The five colors
- Honeydew (#BAF8E9): A whisper-light, dusty teal — the color of sea glass.
- Lagoon (#6FE4D7): A whisper-light, balanced teal — the color of glacier melt.
- Turquoise (#26C4C1): A luminous, balanced teal — the color of sea glass.
- Cerulean (#209DA3): A luminous, balanced teal — the color of shallow lagoons.
- Forest (#0C4D53): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Sky Field color palette (#B2F2FF, #7DDDF5, #49BCE4, #3F94B9, #234B65)
- Muted Teal color palette (#D4FFFD, #9AEDD6, #15C2BC, #007F8D, #01455C)
- Sunlit Dune color palette (#CEF5CD, #93DBAA, #59BA8C, #3E9976, #1A5747)
- Gentle Turquoise Harbor color palette (#E7FBEB, #6AE0EC, #C8AEF8, #00B3C1, #493864)
- Soft Atelier color palette (#E4FDEB, #4BD2EA, #A2ACFF, #7CB680, #263E2F)
- Lagoon Atelier color palette (#D3E8E5, #009695, #00777C, #005863, #00151B)
- Hushed Study color palette (#E8FBEE, #D8D7E5, #80C4C8, #AD9FA9, #375144)
- Dusty Courtyard color palette (#D8F1FF, #77C9FF, #31A5FF, #197BDC, #1F427B)
Browse the whole catalog at Explore, or see today's palette.