Teal Field color palette — #E6F9FC · #3AC7B3 · #42595F · #212E30 · #0B1111
A conversation between Aqua and Charcoal Brown, giving this palette its sense of sophistication.
The five colors
- Ivory (#E6F9FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Aqua (#3AC7B3): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#42595F): A full-bodied, dusty blue — the color of deep harbor water.
- Onyx (#212E30): quiet, heavy and certain.
- Ink (#0B1111): a grounded near-black with real depth.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Tempered Alley color palette (#E8FAF5, #85C355, #3D5B58, #232E2B, #0B110F)
- Cerulean Chapel color palette (#E7F9FF, #00A5B0, #004451, #011920, #000203)
- Aged Boulevard color palette (#EEF6FF, #2EA4FF, #38475C, #141F2B, #030609)
- Glacier Field color palette (#EAF7FF, #70DCFF, #B8B3EA, #79B18E, #283B46)
- Cellar Petrol Boulevard color palette (#E0EEF8, #006793, #302729, #001328, #000103)
- Washed Lagoon color palette (#EDF8F6, #C5DBF6, #8BBBA4, #6D8D89, #374B4A)
- Indigo Market color palette (#E7EEFF, #4C6BFF, #26205B, #00051F, #000105)
- Muted Mint Thicket color palette (#E1FBFC, #5DC698, #41595D, #1F2E2F, #091111)
Browse the whole catalog at Explore, or see today's palette.