Teal Field color palette — #E8F9FB · #62C2AD · #3C5A64 · #182F32 · #081111
Built around Mint Leaf, softened by Peacock — the whole palette hums with sophistication.
The five colors
- Ivory (#E8F9FB): a clean, paper-quiet neutral.
- Mint Leaf (#62C2AD): A luminous, balanced teal — the color of sea glass.
- Peacock (#3C5A64): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#182F32): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#081111): 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
- Azure Bloom color palette (#EDF6FF, #63A5D7, #3B475A, #10202E, #02060A)
- Lagoon Lantern color palette (#E8F1E1, #00997E, #2A4135, #1B2017, #0D0D07)
- Patina Taupe color palette (#EAF8FF, #8DD9F0, #DFA6CD, #B2A34F, #273C46)
- Velvet Petrol color palette (#DFF2FF, #00688E, #2B2327, #00112E, #000103)
- Weathered Stone color palette (#EDF8F5, #C8D9EE, #88BBA8, #619186, #2F4C4A)
- Sapphire Bloom color palette (#E4EFFF, #3B6FFF, #2C2053, #000128, #000104)
- Worn Turquoise color palette (#ECF7FD, #B2F2FF, #FEB8A6, #04ACC4, #64392E)
- Worn Mint Quarry color palette (#E8F9F9, #76C198, #3D5A5F, #1C2F2F, #0A1110)
Browse the whole catalog at Explore, or see today's palette.