Teal Field color palette — #F9F4ED · #C4DFE8 · #A3D3BF · #6AB1AD · #2D5349
Turquoise and Pistachio set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Silver (#C4DFE8): A whisper-light, dusty blue — the color of deep harbor water.
- Pistachio (#A3D3BF): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#6AB1AD): A luminous, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#2D5349): A full-bodied, dusty teal — the color of glacier melt.
Feels like: 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
- Hushed Veranda color palette (#F9F4EE, #C3E0ED, #B5BFEA, #66B0B7, #604A5F)
- Weathered Courtyard color palette (#F9F4ED, #CDE8D0, #6BC0D5, #419E89, #0C4056)
- Dusty Turquoise color palette (#EEF4EF, #D1DDF0, #60A6C9, #387774, #273848)
- Dusty Cobalt color palette (#F1E9DC, #71A9C2, #007BBC, #005C63, #00081E)
- Timeworn Mallow Ridge color palette (#FFF1F1, #F7ADD2, #C2C282, #79B9D5, #533C3B)
- Blush Basin color palette (#FFF1F1, #FAC1E5, #95D8B4, #D38FBB, #4C4E47)
- Weathered Ridge color palette (#EFE5D7, #8BCCDA, #20A0CB, #007E76, #002238)
- Aged Pier color palette (#FFF2EA, #F0D4B9, #D2AE94, #AC8979, #624000)
Browse the whole catalog at Explore, or see today's palette.