Tempered Teal Coast color palette — #F8F5EF · #CDE6E4 · #A4D3BF · #47B6B1 · #2A5349
A conversation between Turquoise and Pistachio, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CDE6E4): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#A4D3BF): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#47B6B1): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#2A5349): A full-bodied, dusty teal — the color of sea glass.
Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Muted Teal color palette (#F8F5EF, #C5E6E4, #8BC6EB, #3CAAAD, #2D4A69)
- Aqua Delta color palette (#ECF9F2, #C1DCF0, #D0BCB2, #83D0D5, #3D554D)
- Hushed Turquoise color palette (#F8F4EE, #C8DCE9, #DCBADA, #69ADC2, #64495C)
- Wandering Coast color palette (#EDF4EE, #D1DEF3, #72A4BD, #407480, #273848)
- Wandering Cobalt color palette (#F4ECDF, #73A9C1, #007BBB, #005C62, #00081D)
- Washed Mustard color palette (#E7FBF1, #8BD3F1, #ECA4CA, #B6B35C, #2B4A3C)
- Muted Azure Coast color palette (#F4EEE4, #A3CBAF, #00A1CC, #007E75, #002237)
- Pale Turquoise Bloom color palette (#EAFAF0, #A7DFF1, #F5B5A6, #00BBE2, #753B18)
Browse the whole catalog at Explore, or see today's palette.