Teal Field color palette — #F5F6EF · #C7E8DD · #54A9AC · #407B6D · #3B5040
Built around Turquoise, softened by Teal — the whole palette hums with sophistication.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Honeydew (#C7E8DD): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#54A9AC): A luminous, balanced teal — the color of sea glass.
- Teal (#407B6D): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#3B5040): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Sophistication. 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
- Muted Ash color palette (#F4F6F0, #C3E8EB, #749EC4, #43768A, #5C4D5C)
- Muted Turquoise Thicket color palette (#FAF2F8, #D2D7EE, #78BECB, #5B928F, #3F5666)
- Aged Petrol Hollow color palette (#EEEFE7, #79BCD5, #007299, #004E58, #00314C)
- Jade Canyon color palette (#EAF9F5, #82B5E6, #64AB78, #3D77AB, #4C4E47)
- Lagoon Station color palette (#E0E1D6, #478D92, #00454E, #002220, #000B10)
- Muted Cerulean Harbor color palette (#F5F7E9, #9ADAE8, #008DAD, #006669, #00465E)
- Peony Grove color palette (#FFF0FB, #8194D5, #B46EA2, #28848E, #4C3D48)
- Ancient Cobalt Balcony color palette (#FFF0FC, #AEC3F3, #617CC1, #3B4C7C, #493045)
Browse the whole catalog at Explore, or see today's palette.