Teal Coast color palette — #D6FFFC · #8DD8C3 · #12BCB1 · #2B8393 · #355162
Turquoise and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D6FFFC): A whisper-light, dusty teal — the color of sea glass.
- Lagoon (#8DD8C3): A whisper-light, balanced teal — the color of shallow lagoons.
- Turquoise (#12BCB1): A luminous, balanced teal — the color of sea glass.
- Cerulean (#2B8393): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#355162): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Washed Ridge color palette (#ECFCD9, #AFF4E1, #6CCCC5, #32848B, #335541)
- Dusty Workshop color palette (#DAFDEA, #C1D195, #69B06D, #4C8B6F, #2D565B)
- Wandering Apricot color palette (#EBF8FB, #83D5CE, #EC9882, #379E97, #5F4257)
- Azure Harbor color palette (#DEF7FF, #84D3EF, #3DA4D9, #5D7EAD, #455168)
- Ancient Turquoise Workshop color palette (#E8F8FF, #A0EAF9, #38AEBC, #1E7485, #123947)
- Aqua Market color palette (#C8E9DD, #00CED1, #0095AC, #006D90, #053D70)
- Timeworn Ash color palette (#E5F9FF, #D7DCE7, #B6A8A1, #7AB1B3, #40565F)
- Taupe Workshop color palette (#FDF1F7, #BAD2BA, #BF8F71, #856B81, #3A4D42)
Browse the whole catalog at Explore, or see today's palette.