Teal Coast color palette — #FFF0F9 · #6AB9A7 · #5879A2 · #774E3C · #314C56

Mint Leaf and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mint Leaf (#6AB9A7): A luminous, balanced teal — the color of glacier melt.
• Slate (#5879A2): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#774E3C): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#314C56): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Hushed Villa color palette (#FDF0FF, #92B37F, #3B8390, #635171, #2F4E4F)
• Muted Pewter color palette (#E7FBF0, #74B3C2, #776FA0, #396450, #374A5B)
• Wandering Dune color palette (#E9F9F9, #62A98B, #866284, #6C4D1E, #2F4A2F)
• Aged Cocoa color palette (#F9F1E3, #7AB8BB, #4B7EA2, #773E48, #1B3224)
• Muted Grove color palette (#EAFAED, #82CDD1, #6C98B7, #995963, #354B56)
• Antique Driftwood color palette (#F1F7F0, #A4CBBA, #6A8B6B, #4D6B77, #3D5349)
• Wandering Ash color palette (#F9F3F9, #D2D7F1, #6AA3B5, #587857, #425568)
• Muted Ultramarine Harbor color palette (#E1FFE0, #00A09F, #3E55B8, #5F3D00, #003C4C)

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