Teal Coast color palette — #FFEADF · #D2B95E · #3AAE8C · #915D9C · #31312A
Jade and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFEADF): A whisper-light, dusty orange — the color of sun-warmed clay.
- Gold (#D2B95E): A luminous, balanced green — the color of new leaves after rain.
- Jade (#3AAE8C): A luminous, balanced teal — the color of glacier melt.
- Slate (#915D9C): A full-bodied, balanced pink — the color of a candy shop window.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.
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
- Tempered Apricot color palette (#FFEAD8, #F4A668, #7BA661, #7667AE, #34302A)
- Worn Lime color palette (#FFE9E4, #A2CA67, #00ABB7, #A5567D, #2F312B)
- Muted Mustard Courtyard color palette (#F6F2E2, #B2BA44, #9785D3, #8959A0, #42183E)
- Linen Emerald color palette (#FFF4E2, #B3BE77, #27945C, #4D4391, #252300)
- Bronze Boulevard color palette (#FDF4E9, #D6CA9F, #80AE81, #A77A3E, #37352F)
- Aged Cocoa Hollow color palette (#F9DCC7, #DAC7AB, #A8AE92, #A5747A, #6B3700)
- Linen Teal Hollow color palette (#F9D7BC, #00C6AA, #518ACF, #9D4C00, #002A2F)
- Gentle Moss color palette (#FFEAE1, #A19D00, #00897D, #793778, #071C00)
Browse the whole catalog at Explore, or see today's palette.