Teal Quarry color palette — #F0F8ED · #A7F8E9 · #F5B7D2 · #3CAF9E · #5E3B3A

A conversation between Turquoise and Sea Foam, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Sea Foam (#A7F8E9): A whisper-light, balanced teal — the color of shallow lagoons.
• Carnation (#F5B7D2): A whisper-light, dusty rose — the color of a warm blush.
• Turquoise (#3CAF9E): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#5E3B3A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Teal Quarry 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

• Softworn Taupe Orchard color palette (#F6F7E4, #B5EFD4, #D5C0F7, #85A56F, #5C3A48)
• Muted Turquoise color palette (#EBF9F2, #CCE0FF, #FFB8A0, #4CA6CC, #4C4540)
• Timeworn Abyss color palette (#D8F3FF, #DED6CD, #9EA399, #364D42, #1A251F)
• Worn Teal Courtyard color palette (#EBF8FA, #A1E5D3, #E9C080, #35C1A5, #37563A)
• Hushed Blush Bloom color palette (#E6F9FD, #6FC1B6, #CC79AB, #1B8379, #534761)
• Timeworn Seafoam Balcony color palette (#ECFAE8, #88DED3, #E6A5BA, #CE8D96, #2E3D2A)
• Ancient Iris color palette (#ECF5E9, #6FC6B6, #8D94E4, #008475, #412739)
• Softworn Bronze color palette (#F9F5E9, #D2E5C8, #BBAD88, #9B7133, #3D4400)

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