Teal Field color palette — #FBF3EF · #C1E2EA · #AAC3EA · #78B09C · #5E4B61

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#C1E2EA): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#AAC3EA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Jade (#78B09C): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5E4B61): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Patina Teal color palette (#F5F6EF, #C2DDE4, #9FC5E5, #37A4A1, #385546)
• Aged Meadow color palette (#EEF8F0, #93E4F0, #F6B5A1, #58B9C7, #534B47)
• Quiet Powder color palette (#FFF2E9, #C3ECFF, #79BCFF, #00A6A2, #2E3A75)
• Weathered Turquoise Garden color palette (#F6EFF4, #D3D2E7, #68A5C1, #437766, #2A3846)
• Worn Stone color palette (#E8FBEE, #84D6E8, #F4A79C, #C3A068, #35473C)
• Antique Study color palette (#F3E7DF, #7ABBD2, #0089D7, #006E66, #020644)
• Weathered Emerald Grove color palette (#FDF3ED, #CBEAC8, #4DC4DB, #46A16B, #123F56)
• Washed Cocoa Meadow color palette (#FFF3E6, #E6D7BD, #CFB08E, #AA8A77, #564600)

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