Teal Field color palette — #F5F6EE · #C1E8E0 · #81CBDC · #57A8A4 · #28513E

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Honeydew (#C1E8E0): A whisper-light, dusty teal — the color of sea glass.
• Sky (#81CBDC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#57A8A4): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#28513E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Cerulean color palette (#F4F7EB, #C8E9D7, #72BCE1, #2F9CAB, #163F57)
• Aged Ash Study color palette (#F4F6EF, #CAE6E8, #A0D3C5, #72ABC2, #5E4B5E)
• Cerulean Bloom color palette (#EDF0DD, #7ABCCD, #0090B6, #006C73, #001622)
• Stone Loft color palette (#FFF1F1, #E2D8D1, #AAB5A6, #CCA0C6, #604645)
• Cobalt Garden color palette (#ECF2E3, #7DA4CD, #4074C0, #00577D, #01002F)
• Washed Lantern color palette (#FFF1F2, #EBA3D3, #EE9E78, #93A1E0, #4C2F30)
• Patina Cocoa Lantern color palette (#FFF2EA, #F2C7A9, #D39F85, #AB7A6B, #583300)
• Timeworn Wisteria color palette (#F1E3FF, #E6B7FD, #D091D8, #A670A2, #5A3651)

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