Teal Coast color palette — #EEF8F1 · #D1BF74 · #3AAC8A · #247F8E · #192330

A conversation between Jade and Honey, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Honey (#D1BF74): A luminous, balanced green — the color of fresh herbs.
• Jade (#3AAC8A): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#247F8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#192330): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Teal Coast 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 Atelier color palette (#EDF8F6, #9BCB94, #39A7BF, #4A6DA1, #20212E)
• Hushed Sand color palette (#EFF8EE, #F4C181, #8DA45E, #327968, #492E44)
• Worn Apricot Quarry color palette (#FFF0F9, #FFA18F, #51B5A9, #56988F, #333343)
• Patina Harbor color palette (#FDF2F6, #81B1F2, #6FA85D, #207C6A, #19262E)
• Timeworn Mallow color palette (#F4F4FE, #C1A3E9, #48AC9E, #3E7A93, #1C232F)
• Gentle Moss color palette (#E6FBF2, #88A000, #008B8B, #00587C, #0D0B2B)
• Weathered Pier color palette (#FFF1F5, #D5A46A, #455B49, #36262B, #130E10)
• Tempered Driftwood color palette (#FBEFEA, #B97B78, #35765F, #1B4E6F, #29181B)

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