Teal Field color palette — #E6F9FF · #00B4B8 · #2B4B59 · #0E2127 · #020608
A conversation between Turquoise and Charcoal, giving this palette its sense of sophistication.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Turquoise (#00B4B8): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal (#2B4B59): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#0E2127): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#020608): 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
- Muted Boulevard color palette (#EDF6FF, #4DA5EC, #314765, #13202C, #02060A)
- Tempered Harbor color palette (#E7FAF8, #50B66B, #1D4F50, #0F2221, #020706)
- Weathered Cabin color palette (#D3E9F0, #00C2C3, #5D7383, #3C4D52, #101B1B)
- Cerulean Dune color palette (#DBF2FF, #008CAA, #002F44, #1D1619, #00090E)
- Chalky Study color palette (#EDF6FF, #7AC2FF, #C591E6, #43A594, #182D40)
- Iris Market color palette (#F0F5FF, #6E7DEC, #2B3253, #080F1E, #000103)
- Mallow Alley color palette (#ECF7FF, #A3DDFF, #EE98E3, #0095CE, #3C3250)
- Weathered Courtyard color palette (#EEF8F2, #E9E9BA, #99A65C, #538078, #263F33)
Browse the whole catalog at Explore, or see today's palette.