Teal Field color palette — #FAF4F0 · #C5DDE8 · #B9BFF0 · #33A59F · #5B4556

Built around Turquoise, softened by Lavender — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C5DDE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#B9BFF0): A luminous, dusty violet — the color of twilight just after sunset.
• Turquoise (#33A59F): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#5B4556): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: 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

• Antique Studio color palette (#FBF3F0, #C4DEE3, #9ACFCB, #55A480, #31564B)
• Wandering Ash Thicket color palette (#FBF2F7, #D7DFF1, #789DC0, #457782, #495364)
• Softworn Powder color palette (#FFF0F7, #E5D8D4, #9CB7E7, #A8B3AC, #624D53)
• Softworn Taupe Terrace color palette (#FFF1F6, #D1C1F7, #BDC07E, #95AC6B, #4A2F3B)
• Softworn Coast color palette (#FEF3E7, #DAD5DF, #8CAAFF, #008596, #362768)
• Washed Indigo color palette (#D8FFF4, #E2DFF5, #A4A4E9, #8267AA, #69444F)
• Weathered Lilac color palette (#FFF1F7, #ECD4EC, #DECC88, #9F8BD7, #49463F)
• Cobalt Terrace color palette (#FDF3ED, #ADD7BF, #0082C3, #00524A, #000433)

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