Teal Field color palette — #FAF4EF · #C6E7E8 · #A1BDF5 · #3BACA3 · #5C3D4D
Built around Turquoise, softened by Sky — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Silver (#C6E7E8): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#A1BDF5): A luminous, balanced violet — the color of twilight just after sunset.
- Turquoise (#3BACA3): A luminous, balanced teal — the color of shallow lagoons.
- Cocoa (#5C3D4D): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Creativity, 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
- Washed Jade Lagoon color palette (#FBF3F0, #C5EAE1, #7AC9EF, #61AB7B, #31486B)
- Cerulean Studio color palette (#F1F7F2, #D5DBF1, #77A9DD, #008A9B, #344867)
- Weathered Periwinkle Ridge color palette (#F5EDE6, #ACE0CF, #809EFF, #00918F, #342153)
- Timeworn Summit color palette (#F4F9DB, #97CF96, #ADAAF6, #BE80D5, #383932)
- Gentle Moss color palette (#F9F6E4, #C9D299, #CAAEF3, #9CA900, #4B3863)
- Ancient Alley color palette (#F9E9E0, #72AABC, #0077C9, #005F4C, #06002B)
- Iris Boulevard color palette (#FAEEF3, #B4E4FF, #6D8DC7, #1A6C64, #252A43)
- Gentle Pier color palette (#EEE5DD, #89B5DE, #6771F2, #006C71, #1E0036)
Browse the whole catalog at Explore, or see today's palette.