Teal Coast color palette — #F9EAE2 · #3FA49F · #006372 · #003E1F · #000B13

Turquoise and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EAE2): a clean, paper-quiet neutral.
• Turquoise (#3FA49F): A luminous, balanced teal — the color of glacier melt.
• Peacock (#006372): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E1F): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Hollow color palette (#DCEADF, #75AEAA, #006069, #002D1E, #000102)
• Denim Studio color palette (#F5EAE2, #5A9BBD, #0457A4, #003B3C, #050326)
• Spruce Balcony color palette (#EED9D4, #478E88, #004452, #042400, #000A17)
• Washed Forest Meadow color palette (#E3DCE4, #77AAB6, #00819D, #056214, #000A18)
• Ancient Cobalt color palette (#F8E9DC, #6FBCE4, #2A75CA, #00595A, #161847)
• Linen Cerulean color palette (#FDEAE1, #72D5E8, #3091BE, #006E5B, #112E52)
• Muted Olive color palette (#E9E3D4, #627A00, #4F4500, #331F00, #030400)
• Washed Turquoise Loft color palette (#FFF2EC, #91EDF2, #00ACD4, #168560, #144365)

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