Teal Field color palette — #EDF8F7 · #CAD8F1 · #73BFAD · #798C7A · #384A4B
Mint Leaf and Powder Blue set the tone — five colors that lean into sophistication and grounding.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Powder Blue (#CAD8F1): A whisper-light, dusty violet — the color of a velvet chair.
- Mint Leaf (#73BFAD): A luminous, balanced teal — the color of sea glass.
- Eucalyptus (#798C7A): A luminous, dusty green — the color of a quiet forest floor.
- Charcoal (#384A4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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
- Tempered Boulevard color palette (#EEF8F2, #BBDFEF, #AAB486, #9C7B89, #384B42)
- Glacier Coast color palette (#EFF7F5, #D5DFEC, #89DBEA, #5DA09A, #3A515D)
- Teal Canyon color palette (#EAF9F7, #C2F3D4, #68AE93, #5B806F, #243E3D)
- Worn Market color palette (#F1F3E7, #BACAA8, #738B6B, #755A55, #263800)
- Forest Orchard color palette (#E6FAF6, #7CB181, #007243, #473B00, #000B01)
- Ancient Corridor color palette (#FFF1F6, #E4E1C8, #DAAA54, #957A41, #375141)
- Aged Studio color palette (#E9FAEF, #DECC82, #78D0A7, #D78B7D, #2B3D32)
- Weathered Mustard Ridge color palette (#E1FDED, #B1E7CB, #C2B364, #7A7135, #143424)
Browse the whole catalog at Explore, or see today's palette.