Teal Lagoon color palette — #FAF5E5 · #D2F1C0 · #6FAE8C · #667D6B · #393932
A conversation between Jade and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAF5E5): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#D2F1C0): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#6FAE8C): A luminous, balanced teal — the color of sea glass.
- Pewter (#667D6B): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#393932): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Olive color palette (#F6F7E5, #BEF4D7, #60AEA6, #7D7A31, #2F3F00)
- Antique Cypress color palette (#E9FAF3, #87BBB3, #4B8161, #31626C, #2B4944)
- Lagoon Boulevard color palette (#FCF5DF, #B6DDAC, #489C7C, #795962, #282A0C)
- Jade Balcony color palette (#FBF6DA, #64B875, #00705C, #502B55, #070900)
- Dusty Cocoa color palette (#FBF4EC, #DEE2CB, #B7B085, #937E8F, #5A4200)
- Muted Studio color palette (#FFF0FB, #A1B7FF, #CDA346, #94965D, #382334)
- Ash Alley color palette (#FFF0FD, #E4D9E2, #C1B6AE, #7CAC99, #56434E)
- Weathered Balcony color palette (#F9F7D7, #59E194, #009282, #00617F, #002612)
Browse the whole catalog at Explore, or see today's palette.