Teal Lagoon color palette — #E8F8FF · #DBDBE6 · #B4ABA3 · #28BCA6 · #073B59

Built around Turquoise, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Silver (#DBDBE6): bright and airy, almost weightless.
• Ash (#B4ABA3): soft and architectural.
• Turquoise (#28BCA6): A luminous, balanced teal — the color of sea glass.
• Navy (#073B59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, muted.

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

• Aged Jade Courtyard color palette (#D8FFF3, #D0E5F3, #BFB3B9, #81B773, #003F3C)
• Timeworn Turquoise Basin color palette (#EFF6FF, #DDD8E2, #B5AEA2, #79B1C8, #404761)
• Muted Lagoon color palette (#ECF7FF, #DCD9E4, #E6C1FF, #009093, #12263F)
• Dusty Azure Harbor color palette (#F3F4FF, #ECD8E0, #F8BCA4, #4298DE, #311849)
• Lilac Grove color palette (#E1FEEC, #CAE1FF, #BEA5FF, #008A80, #214E3E)
• Worn Thicket color palette (#EEF6FF, #84B9FF, #868900, #646E00, #051B37)
• Tempered Lichen color palette (#E0FFBA, #FFD4DA, #91DBFF, #0A3046, #08151E)
• Navy Hollow color palette (#DEDEF4, #DD98BD, #C57462, #283B83, #030003)

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