Teal Field color palette — #FFF0FD · #E4E0A6 · #64B3A4 · #8F6183 · #2C4540
A conversation between Turquoise and Slate, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Celadon Mist (#E4E0A6): A whisper-light, dusty green — the color of fresh herbs.
- Turquoise (#64B3A4): A luminous, balanced teal — the color of sea glass.
- Slate (#8F6183): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal (#2C4540): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Teal Field 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
- Worn Pewter Orchard color palette (#FFF0F7, #FFD2BC, #99AA75, #7A66A0, #344434)
- Washed Workshop color palette (#EEF8F0, #E0C99A, #4BABA9, #9A5062, #483503)
- Tempered Archive color palette (#FFF4E2, #C0DBA3, #74C0A5, #9184AD, #474841)
- Dusty Stone Villa color palette (#F0F7F2, #C5DBEA, #8ABC9F, #6F8F76, #354C45)
- Taupe Chapel color palette (#FFF2EC, #A5AF69, #3C8581, #734D54, #474D00)
- Dusty Courtyard color palette (#E5F7E9, #96B96C, #4D8571, #574A6F, #19312E)
- Ancient Workshop color palette (#FFF1F6, #9DDDB3, #4C9CC3, #944F00, #12373E)
- Muted Mint color palette (#EBF8F7, #82C089, #3C5A62, #1D2F2D, #09110E)
Browse the whole catalog at Explore, or see today's palette.