Teal Ridge color palette — #E7F0F4 · #CAD4E3 · #AFB9CD · #37A3AA · #223035

A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F0F4): a clean, paper-quiet neutral.
• Silver (#CAD4E3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#AFB9CD): A luminous, dusty violet — the color of wild irises.
• Cerulean (#37A3AA): A luminous, balanced blue — the color of deep harbor water.
• Deep Forest (#223035): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Cypress color palette (#E6F1F4, #C8DBE6, #A4BAD1, #008380, #1E3136)
• Periwinkle Harbor color palette (#EEF6FF, #DAD7F1, #C3BBD9, #5099F6, #233448)
• Hushed Cypress color palette (#E0EBEE, #C0CED7, #97A5BA, #00625E, #04191E)
• Patina Study color palette (#D4E8F4, #0099C4, #295978, #1A3342, #00050A)
• Weathered Powder Hollow color palette (#C6EAFF, #7DBDF9, #8097BB, #7F7497, #4E273C)
• Cobalt Chapel color palette (#DCE9F5, #ADAEC3, #9893B4, #2677B3, #0B151E)
• Powdered Indigo Cabin color palette (#CFE5F3, #00B2E1, #6677E9, #814789, #00261E)
• Lilac Station color palette (#F2F5FD, #DED6E4, #C1A5A4, #A39ADB, #3C3F4C)

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