Teal Field color palette — #FAF2FE · #DF98AF · #44AE91 · #9D5B72 · #2B5559
Turquoise takes the lead with Ballet Pink close behind in a set that reads as balance at first glance.
The five colors
- Ivory (#FAF2FE): a clean, paper-quiet neutral.
- Ballet Pink (#DF98AF): A luminous, balanced rose — the color of pressed rose petals.
- Turquoise (#44AE91): A luminous, balanced teal — the color of shallow lagoons.
- Mocha (#9D5B72): A full-bodied, balanced rose — the color of a warm blush.
- Peacock (#2B5559): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Balance. Tagged 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
- Patina Blush color palette (#F8EEFC, #F093AF, #5EAD99, #9B5C6E, #14373B)
- Pewter Loft color palette (#F4F4FF, #C0A2D7, #8CA35F, #84619E, #35544C)
- Muted Azure Terrace color palette (#FEF1F8, #D9A187, #47A5CD, #9D6144, #315166)
- Ancient Mint Orchard color palette (#FFF2EE, #FAABB3, #77C49E, #B9777E, #4B4E47)
- Hushed Blush Chapel color palette (#FCF1FF, #CE7B8F, #7B944D, #4A7BA4, #4A3D4D)
- Rose Quarry color palette (#FFF0FE, #F25661, #009098, #AE002B, #004348)
- Sand Quarry color palette (#FCF1FF, #E9D5D9, #E6D19A, #9F7793, #554955)
- Aged Terrace color palette (#FCF2F8, #D2BE93, #824F3D, #47313F, #2C2123)
Browse the whole catalog at Explore, or see today's palette.