Teal Lagoon color palette — #F7F8D8 · #A0D4B3 · #58B190 · #008B87 · #34553C
Built around Jade, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Custard (#F7F8D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A0D4B3): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#58B190): A luminous, balanced teal — the color of sea glass.
- Fern (#008B87): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#34553C): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged 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
- Timeworn Seafoam color palette (#EEFCD4, #95ECC5, #73CBB0, #5C9F92, #465741)
- Cypress Meadow color palette (#E7FCE4, #C1DFBC, #55B2B4, #007B74, #004340)
- Lagoon Station color palette (#D7FEFD, #85C7A9, #009B7D, #15786B, #2F525A)
- Ancient Lagoon Canyon color palette (#F0F8EB, #94D3C1, #E29AA6, #00A388, #67423A)
- Olive Orchard color palette (#FFF3E2, #C9C796, #96A95E, #508646, #4C4F48)
- Tempered Cobalt Parlor color palette (#E9FDDF, #90D6D8, #53B2CC, #2F84B2, #5F4561)
- Teal Atelier color palette (#D4F0E9, #32BBBA, #008EA9, #006892, #1C3B64)
- Worn Bronze color palette (#FAF5E7, #CECDAD, #A09E70, #946C2C, #444E00)
Browse the whole catalog at Explore, or see today's palette.