Teal Garden color palette — #F9F3F7 · #D7D5E5 · #A0CCF1 · #60B596 · #45536D
Jade takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#D7D5E5): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#A0CCF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Jade (#60B596): A luminous, balanced teal — the color of sea glass.
- Peacock (#45536D): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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
- Lagoon Delta color palette (#F8F5EF, #CBE6E3, #91BDA9, #479590, #2B5348)
- Sunlit Lagoon color palette (#FFF1F7, #C8EAFF, #92B5FF, #00A69E, #433174)
- Jade Balcony color palette (#E6FAF8, #B2E3BD, #ECB3D2, #5DC07C, #653F55)
- Stone Meadow color palette (#EDF9EF, #C3E1D4, #C8B38A, #AE849A, #354D4A)
- Tempered Cornflower Meadow color palette (#F8E7EF, #7ABAD9, #327DF3, #006E63, #160040)
- Hushed Canyon color palette (#F8F0EC, #C6E8E4, #7BA1BF, #477664, #41303D)
- Ancient Blush color palette (#E3FAFC, #8DD9C0, #E2A8D1, #D68A97, #2B484B)
- Quiet Garden color palette (#F6ECF5, #85CDDC, #3A9BD8, #00815C, #0E184C)
Browse the whole catalog at Explore, or see today's palette.