Teal Field color palette — #FAF2F8 · #D4D9F8 · #7ACCDF · #6AA883 · #2E4B61

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#D4D9F8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#7ACCDF): A luminous, balanced blue — the color of open sky before noon.
• Jade (#6AA883): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#2E4B61): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Weathered Delta color palette (#FDF1F9, #ACEDF8, #53BFEF, #4F9C86, #203C5B)
• Muted Stone color palette (#E6F9FF, #D3DBE7, #8CC2C0, #C2ACAE, #344C57)
• Muted Turquoise Terrace color palette (#F5F6ED, #BBEBDD, #55B6BD, #4C877C, #344F3D)
• Hazy Glacier color palette (#E7F9FF, #25E6EF, #FF9DAC, #22B3BA, #513854)
• Weathered Sapphire color palette (#F3DDE6, #4FABDD, #2871D4, #005D60, #07002B)
• Seafoam Hollow color palette (#BFEFCB, #50E6BE, #00C4C2, #2790A0, #23495D)
• Misty Aqua Field color palette (#FBE7F6, #00C7D4, #0090B7, #007053, #001529)
• Aged Cypress color palette (#F5F1EB, #CFE2CE, #439CA8, #006F53, #0E3424)

Browse the whole catalog at Explore, or see today's palette.