Teal Field color palette — #F2F7EC · #B6F5DD · #F9B5CD · #5FAB90 · #5C3D3A

Built around Jade, softened by Carnation — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Mint (#B6F5DD): A whisper-light, dusty teal — the color of sea glass.
• Carnation (#F9B5CD): A whisper-light, balanced rose — the color of a warm blush.
• Jade (#5FAB90): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#5C3D3A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication, Softness, Clarity. Tagged 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

• Ancient Turquoise Alley color palette (#ECF9F1, #BAF0FF, #FDB8AC, #47A8C1, #4C4441)
• Timeworn Taupe Villa color palette (#F7F6EA, #DEEDBA, #D8C0F0, #91A35E, #5F3947)
• Dusty Driftwood color palette (#EEF8F1, #CCDACA, #6B9077, #344D3C, #141E17)
• Worn Stone color palette (#EFF9EB, #C6E6DF, #A9B9D5, #AEB695, #445342)
• Airy Cerulean Workshop color palette (#E6FBF2, #A4DDFF, #F5A576, #1995CC, #562C0F)
• Bronze Terrace color palette (#FCF4E5, #D5E1C4, #BCAD8C, #9B7133, #464100)
• Ancient Balcony color palette (#E7F9FB, #77C2A6, #D178A1, #2B8469, #564562)
• Timeworn Seafoam Basin color palette (#EDFAE6, #89DFC9, #BEB2E5, #CB946D, #303D29)

Browse the whole catalog at Explore, or see today's palette.