Teal Field color palette — #EAF8FA · #5EA992 · #8E5F7F · #5D5518 · #314421
Built around Jade, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF8FA): bright and airy, almost weightless.
- Jade (#5EA992): A luminous, balanced teal — the color of glacier melt.
- Slate (#8E5F7F): A full-bodied, dusty pink — the color of a candy shop window.
- Coffee (#5D5518): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#314421): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Patina Turquoise Workshop color palette (#ECF7FD, #51A5BA, #936064, #754348, #504015)
- Cocoa Market color palette (#ECF4EF, #5EA7C2, #7F6498, #793429, #272A00)
- Patina Veranda color palette (#EAF8FF, #2D97B0, #8E4D50, #005548, #003948)
- Chestnut Lantern color palette (#EEF7FC, #75BDD7, #9F7EAC, #965631, #2C4B29)
- Lagoon Alley color palette (#EFF8F1, #A4CAC0, #548C8D, #4E6A7A, #3C524D)
- Weathered Brick color palette (#E9F8FF, #008DA2, #A6151B, #484100, #1D310C)
- Blush Loft color palette (#F2F7EF, #84DBC4, #DA90AD, #958747, #45423B)
- Wandering Basin color palette (#FAF3F8, #D4E0F1, #7D9EB7, #4D7A63, #45536A)
Browse the whole catalog at Explore, or see today's palette.