Teal Field color palette — #EEF8F6 · #CDDFF8 · #7FCAE0 · #54A8A9 · #2C4C5F
Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF8F6): a clean, paper-quiet neutral.
- Powder Blue (#CDDFF8): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#7FCAE0): A luminous, balanced blue — the color of open sky before noon.
- Turquoise (#54A8A9): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal (#2C4C5F): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Aged Hollow color palette (#FAF2F8, #C1EDFF, #67AFD2, #4E8777, #38495D)
- Airy Courtyard color palette (#E1FBFA, #6BE9A4, #8EC1FF, #58B481, #2C445F)
- Patina Basin color palette (#DEFCFE, #BEDBF5, #89B99B, #A5A0BE, #3C575B)
- Muted Teal color palette (#CFE6E1, #3FB4B3, #00848C, #005E53, #000C0F)
- Wandering Sky Archive color palette (#E1FCFA, #ADE2FF, #41B4FE, #0093B1, #00345E)
- Dusty Hollow color palette (#F6F0F4, #C1E2F1, #6294B5, #00704D, #1F2A4A)
- Hushed Thicket color palette (#D9FFF1, #7EF5CF, #55CCAA, #3E967C, #003528)
- Azure Field color palette (#D0E6E5, #7FC9FA, #3498E7, #007898, #001E44)
Browse the whole catalog at Explore, or see today's palette.