Teal Lagoon color palette — #F4F8DE · #4CB99B · #00787C · #704432 · #304120
A conversation between Jade and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F8DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#4CB99B): A luminous, balanced teal — the color of sea glass.
- Teal (#00787C): A full-bodied, balanced teal — the color of shallow lagoons.
- Coffee (#704432): A full-bodied, dusty orange — the color of autumn markets.
- Forest (#304120): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, 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
- Cypress Dune color palette (#FAF6E0, #81B186, #007B64, #4C5714, #234328)
- Airy Atelier color palette (#FFF4DD, #95AD6F, #2E7B48, #713E53, #324114)
- Pale Balcony color palette (#F3F8E3, #94C9AC, #209C7C, #6D6E00, #08462D)
- Driftwood Cabin color palette (#FCF4EB, #CCC0A3, #8B833A, #5E6B53, #614900)
- Quiet Plum Studio color palette (#EFFADE, #2ABE85, #AC3C96, #006E49, #5B1F4F)
- Fern Archive color palette (#ECE3D6, #8E9056, #32630E, #523900, #2B2B00)
- Plum Veranda color palette (#BBFCE0, #00966F, #AF418F, #A12969, #003A29)
- Soft Turquoise Terrace color palette (#E5FAF7, #70E8C7, #00BBC2, #B97559, #064537)
Browse the whole catalog at Explore, or see today's palette.