Teal Field color palette — #E2FFDA · #94DFC5 · #57B0B0 · #397991 · #264E77
Turquoise and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E2FFDA): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#94DFC5): A whisper-light, balanced teal — the color of shallow lagoons.
- Turquoise (#57B0B0): A luminous, balanced teal — the color of glacier melt.
- Slate (#397991): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#264E77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Petrol Archive color palette (#EFFBD5, #B7F2FA, #6CC6C7, #008499, #00415B)
- Washed Veranda color palette (#F0FCCC, #9DCCAB, #3D8F8B, #1F6884, #36477F)
- Quiet Aubergine color palette (#D2F5EA, #00B6BC, #0082A5, #00448E, #26006F)
- Dusty Oat color palette (#DDFFE8, #C1D892, #7EAA7E, #408270, #004F55)
- Glacier Parlor color palette (#D5FFFB, #83E2FC, #6AA4CD, #606D9E, #4B3A69)
- Washed Mint color palette (#FFF0FA, #7AD3AD, #5D9CB3, #7C6581, #364C51)
- Faded Navy Courtyard color palette (#9CFFD4, #00CDC8, #0096B0, #0061A2, #251686)
- Ash Meadow color palette (#EDF8F7, #D3DCE4, #B2B0BC, #79A5A5, #4C5454)
Browse the whole catalog at Explore, or see today's palette.