Teal Coast color palette — #ECF8F8 · #F9D0EA · #75AC92 · #497963 · #1E2F2F
A conversation between Jade and Teal, giving this palette its sense of sophistication.
The five colors
- Ivory (#ECF8F8): a clean, paper-quiet neutral.
- Thistle (#F9D0EA): A whisper-light, dusty pink — the color of neon signs at night.
- Jade (#75AC92): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#497963): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#1E2F2F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Sophistication. Tagged luxury, dark, 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
- Dusty Taupe color palette (#EEF8F3, #CDE6CB, #A4A16C, #537665, #1F3028)
- Patina Atelier color palette (#EEF7FD, #FDC5C3, #4BA0C6, #2E6B86, #13242F)
- Lagoon Workshop color palette (#F4F6EE, #E2CEAF, #5F8967, #33573B, #2A2D22)
- Washed Stone Boulevard color palette (#EFF7F8, #D7DAE0, #89C3B5, #B7B0BA, #4A5557)
- Patina Stone color palette (#EEF4E8, #F2B392, #356E5D, #2B3523, #11160D)
- Timeworn Amber color palette (#FFF0F7, #AEDEBC, #75B8D8, #BA7B4F, #2F4D53)
- Tempered Blush Market color palette (#D1E1E7, #F89AA0, #008991, #005358, #000E13)
- Timeworn Coral Courtyard color palette (#D9E6F2, #DE725D, #005E8D, #002B44, #000205)
Browse the whole catalog at Explore, or see today's palette.