Teal Field color palette — #D7EFE7 · #00CDC1 · #00A4B3 · #006743 · #00231E

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

The five colors

• Honeydew (#D7EFE7): A whisper-light, dusty teal — the color of sea glass.
• Aqua (#00CDC1): A luminous, balanced teal — the color of sea glass.
• Cerulean (#00A4B3): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006743): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#00231E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Balance. Tagged pastel, light, 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

• Azure Delta color palette (#DDF5F8, #00BFE6, #00A4E3, #006866, #00191E)
• Weathered Mint Terrace color palette (#E2F5DE, #5FCB8E, #00A888, #496B21, #001B05)
• Pale Garden color palette (#DCEFE6, #00B3AD, #008EAF, #01460D, #001A14)
• Olive Atelier color palette (#E1F0E8, #53C7E5, #56A2EB, #378B00, #001C18)
• Feathered Coast color palette (#D6FFF9, #6FF9FF, #00D2F7, #008D70, #004644)
• Antique Periwinkle Boulevard color palette (#DEFFE6, #68E7F9, #669FF9, #5B5600, #000605)
• Cerulean Corridor color palette (#EAF8FF, #CDDCF4, #9FCEFF, #18A1AF, #175164)
• Hushed Station color palette (#DBF1FF, #C3D3FE, #91B9FB, #208499, #12364E)

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