Teal Field color palette — #FFF4E2 · #CACCA6 · #69A99B · #966E6C · #66453E
Turquoise takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#CACCA6): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#69A99B): A luminous, dusty teal — the color of shallow lagoons.
- Mocha (#966E6C): A full-bodied, dusty orange — the color of toasted spice.
- Cocoa (#66453E): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Patina Bronze Atelier color palette (#F9F6E1, #D4DECA, #94B4A0, #B06D52, #7B411A)
- Moss Market color palette (#FBF4EB, #D1C39E, #799C59, #93682A, #524000)
- Basalt Grove color palette (#FFEDFA, #C3E0CB, #9AC0C0, #9F859C, #60435A)
- Aged Courtyard color palette (#E2EAD9, #9BC3A6, #7D95C5, #906328, #5D3F00)
- Hushed Mulberry Terrace color palette (#E6EAD3, #87BD93, #0098A2, #99475D, #682D23)
- Patina Lantern color palette (#D5E7DC, #69B4BB, #5783AF, #704C2F, #543010)
- Aged Stone color palette (#C1FAEE, #8FC19C, #5E969B, #486479, #47485A)
- Hazy Summit color palette (#F0F9E3, #4FBD8C, #CE73BB, #B86E6C, #363932)
Browse the whole catalog at Explore, or see today's palette.