Teal Field color palette — #ECF9ED · #7DDFE0 · #FF9DAA · #00B5B8 · #603339
Built around Turquoise, softened by Ballet Pink — the whole palette hums with balance.
The five colors
- Ivory (#ECF9ED): A whisper-light, dusty green — the color of fresh herbs.
- Ice Blue (#7DDFE0): A whisper-light, balanced teal — the color of glacier melt.
- Ballet Pink (#FF9DAA): A luminous, balanced red — the color of embers at dusk.
- Turquoise (#00B5B8): A luminous, balanced teal — the color of shallow lagoons.
- Cocoa (#603339): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Balance. Tagged light.
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
- Quiet Lagoon color palette (#F1F8E9, #7DE4B9, #F69CD1, #29B989, #5C3637)
- Hushed Boulevard color palette (#EAFAF2, #84D8FF, #FFA475, #3DACD8, #48413C)
- Misty Blush color palette (#E8FBED, #57CADE, #EC7B9E, #0090A3, #5C3731)
- Dusty Teal Pier color palette (#EBFAEC, #BFEAEB, #DCC7CE, #7CBCB2, #394E42)
- Fuchsia Studio color palette (#E6FCE9, #3AD5E3, #E490EC, #C99E3F, #283E2D)
- Powder Boulevard color palette (#FDEDD3, #FFB9CB, #7DD3FF, #426456, #212C27)
- Quiet Ember color palette (#BAEFFF, #5BDBFE, #E96539, #0097B6, #541500)
- Chalky Harbor color palette (#FEF0FF, #9AC9FF, #FDB031, #278EF2, #513400)
Browse the whole catalog at Explore, or see today's palette.