Teal Field color palette — #EDF8F7 · #D2DDE5 · #B0B1C2 · #86B99B · #3C4B4B
Mint Leaf takes the lead with Ash close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Silver (#D2DDE5): a clean, paper-quiet neutral.
- Ash (#B0B1C2): A luminous, dusty violet — the color of twilight just after sunset.
- Mint Leaf (#86B99B): A luminous, dusty teal — the color of glacier melt.
- Charcoal (#3C4B4B): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.
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
- Weathered Canyon color palette (#DCFCFF, #B3DCEA, #9CB5CB, #988B9E, #5D4459)
- Seafoam Pier color palette (#EAF9F6, #A3E7C2, #7DBAAC, #6E9A93, #304747)
- Teal Alley color palette (#EAF8FB, #CBDCEF, #B1C1DE, #00B09B, #1C383C)
- Ancient Workshop color palette (#F0F3ED, #D0DAD5, #ADC3BA, #2C8861, #2A2E23)
- Wandering Teal Meadow color palette (#D4E9ED, #00C4B6, #547584, #3A4E52, #101A1B)
- Wandering Alley color palette (#DEE7EB, #97A2B7, #8187A5, #007178, #010B10)
- Chalky Seafoam color palette (#E7FBEB, #60E3B1, #30B8C6, #9D7193, #1E4449)
- Feathered Mint color palette (#E7F9FB, #59D8B5, #75A1E1, #A3668B, #4F3007)
Browse the whole catalog at Explore, or see today's palette.