Teal Field color palette — #FBF3F0 · #C5DEE4 · #A6C4EC · #68B497 · #2C5349

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C5DEE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#A6C4EC): A luminous, dusty blue — the color of open sky before noon.
• Jade (#68B497): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#2C5349): A full-bodied, dusty teal — the color of sea glass.

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

• Timeworn Studio color palette (#FAF4F0, #C6DDE9, #A6CAF4, #46B5B5, #65485D)
• Muted Lagoon color palette (#F5F7E7, #C8E9DC, #CAC1CD, #B2BD84, #3E5716)
• Weathered Ash color palette (#F7EFF5, #D2D3EE, #71A5B9, #447477, #25384A)
• Antique Cobalt Balcony color palette (#EEE4DF, #69ACBC, #007DB2, #005F51, #00081F)
• Weathered Blush color palette (#EFF9E7, #92D8BF, #C4B2EB, #E98EB1, #40443D)
• Lagoon Coast color palette (#EEFBDF, #BFE5CA, #86CDA7, #3AA17B, #0F4431)
• Washed Jade Coast color palette (#F5F6EB, #BCE0BA, #E9B3DD, #76BC75, #61405B)
• Faded Powder color palette (#FFF2EA, #C1F1D9, #74BDFF, #00A69F, #2A3A76)

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