Teal Field color palette — #EBF9F6 · #9AE4E3 · #3CA6AF · #277B6E · #00434C
A conversation between Turquoise and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF9F6): a clean, paper-quiet neutral.
- Ice Blue (#9AE4E3): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#3CA6AF): A luminous, balanced blue — the color of open sky before noon.
- Teal (#277B6E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#00434C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Softworn Azure color palette (#EBF8F8, #ADDBFA, #4D9CDB, #187793, #223C59)
- Teal Garden color palette (#D2ECE6, #00A6AD, #00646F, #003C37, #000B10)
- Cerulean Basin color palette (#EFF8F1, #9ACFDD, #008897, #00624A, #004154)
- Weathered Pine Harbor color palette (#F9F2FA, #D3D4E4, #61B2D2, #00853C, #162F4E)
- Tempered Archive color palette (#FBF4EA, #CFE8CE, #60C2D2, #00A47E, #004154)
- Aqua Coast color palette (#D8E8E5, #39C6D5, #008397, #005957, #00242E)
- Tempered Basin color palette (#C0F0EC, #00B34F, #0099B3, #987004, #003331)
- Worn Seafoam Study color palette (#D4FFFC, #9CF5CA, #93D6C9, #749A67, #254544)
Browse the whole catalog at Explore, or see today's palette.