Teal Field color palette — #F6F9D4 · #A8F3EA · #5FC1B8 · #32858E · #2F5548

Mint Leaf and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Custard (#F6F9D4): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#A8F3EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#5FC1B8): A luminous, balanced teal — the color of sea glass.
• Cerulean (#32858E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#2F5548): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication. Tagged light, muted, cool.

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

• Timeworn Aqua color palette (#F3FAD7, #B1F7E5, #68CCD5, #4D88A5, #5D455E)
• Tempered Lagoon Delta color palette (#D1FDF2, #86CEAC, #009586, #006F7F, #3A5266)
• Worn Dune color palette (#E4FDE8, #CBE9F9, #75BFCF, #237581, #17331B)
• Turquoise Study color palette (#96F6D1, #00C1C5, #0089A5, #004E77, #0E1447)
• Muted Teal color palette (#EDF9EC, #AFF5F2, #FBB6BE, #4AACA9, #5D3D35)
• Patina Taupe Atelier color palette (#EDFAE7, #C8E5E6, #C7BFB4, #99B696, #3D5346)
• Seafoam Boulevard color palette (#DCFFEB, #22F5D3, #00AEB8, #006D9C, #0A3368)
• Softworn Denim color palette (#D8FFF4, #35D1E3, #009BC5, #2F60A9, #28285A)

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