Teal Canyon color palette — #FBF4EE · #C9E4E4 · #8EC2F9 · #2CACA9 · #5C3B54

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Silver (#C9E4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8EC2F9): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#2CACA9): A luminous, balanced teal — the color of sea glass.
• Cocoa (#5C3B54): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Jade color palette (#FAF3F0, #C4EAE1, #82C9E3, #49AD87, #2A4B66)
• Dusty Orchard color palette (#EEF7F6, #D1DCF6, #65AEDA, #00899F, #304A62)
• Sky Alley color palette (#FFF3E8, #EDAF80, #45C2FA, #8894EB, #3D3732)
• Periwinkle Villa color palette (#F7ECE4, #AFDFCD, #6CA5F8, #009095, #262758)
• Faded Emerald color palette (#FFF2EB, #9BEBE6, #00BFDA, #009E59, #003850)
• Worn Bloom color palette (#FAEEF4, #C1E1F7, #6991BC, #126C6A, #202C43)
• Softworn Cobalt color palette (#F8E9E2, #6BACBA, #007EAF, #005F50, #00081D)
• Faded Ridge color palette (#FFF3E8, #FABD8F, #57CEF4, #E2832D, #004A5D)

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