Teal Field color palette — #B9F7E1 · #51C8B9 · #328890 · #435276 · #2F2A50

Built around Aqua, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Mint (#B9F7E1): A whisper-light, dusty teal — the color of sea glass.
• Aqua (#51C8B9): A luminous, balanced teal — the color of sea glass.
• Cerulean (#328890): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#435276): A full-bodied, dusty violet — the color of wild irises.
• Navy (#2F2A50): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Mint Alley color palette (#D0ECD3, #57C39B, #4F8C84, #28594E, #1C2850)
• Turquoise Parlor color palette (#97F5F3, #61BED0, #417E9C, #6E4A5B, #42242D)
• Petrol Quarry color palette (#D9F7F2, #59A1A5, #256E84, #36365A, #321020)
• Aqua Canyon color palette (#D8F9FF, #00C7DF, #00798A, #003E45, #001115)
• Softworn Bronze color palette (#DFFBDB, #00AFA8, #9B8000, #006965, #282000)
• Patina Mint Market color palette (#FBE8BF, #92D1A7, #609BA8, #8E5B59, #683937)
• Misty Periwinkle color palette (#D8ECF7, #49A4F5, #4D659B, #663062, #3F0326)
• Clover Workshop color palette (#F5F3DD, #84B961, #3F7B3F, #455226, #232200)

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