Teal Garden color palette — #F7F7E2 · #5BBCA3 · #2F8687 · #6C4E67 · #3F4C3B
A conversation between Turquoise and Teal, giving this palette its sense of sophistication.
The five colors
- Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
- Turquoise (#5BBCA3): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#2F8687): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#6C4E67): A full-bodied, dusty pink — the color of neon signs at night.
- Deep Olive (#3F4C3B): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Teal Garden 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
- Muted Teal color palette (#EEF9ED, #00AEA9, #34789E, #4E4F76, #43433C)
- Tempered Lagoon Field color palette (#FCF0DE, #83B9A3, #3C858E, #69435F, #243020)
- Worn Workshop color palette (#F9F6E4, #80B87D, #4F846D, #345F78, #434E00)
- Seafoam Pier color palette (#EAFAED, #8DCEB3, #5D9EA7, #87617C, #324D51)
- Softworn Ash Villa color palette (#F5F6EE, #C0ECE9, #6DA1B9, #597760, #405950)
- Muted Delta color palette (#E2FFDA, #00A0A2, #006B82, #473287, #003D43)
- Azure Coast color palette (#F0F9E3, #489FE0, #4E67A5, #663F5B, #4A313A)
- Wandering Driftwood color palette (#FFF2EC, #C2D9AE, #6CBDC7, #C0746A, #464942)
Browse the whole catalog at Explore, or see today's palette.