Teal Ridge color palette — #EFF9ED · #6BC0B8 · #455A4F · #232F21 · #0E100A

A conversation between Mint Leaf and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF9ED): bright and airy, almost weightless.
• Mint Leaf (#6BC0B8): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#455A4F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#232F21): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0E100A): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

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

• Tempered Lagoon color palette (#E6F1E4, #009691, #2F4032, #1A2019, #0A0E08)
• Hushed Drift color palette (#FDF0FE, #6BA1E1, #583C4B, #281729, #020704)
• Wandering Amber color palette (#E3FCF3, #A2D3F3, #F2A490, #D19355, #213F35)
• Charred Denim color palette (#D7F4EB, #00659C, #2F2A33, #0D0C2F, #000103)
• Hushed Driftwood Canyon color palette (#F6F6EC, #BDE0DC, #7ABCB7, #8B8A42, #3A4F08)
• Cobalt Bloom color palette (#E9FCE0, #BEECFF, #6BC9DC, #2884B5, #584159)
• Washed Turquoise color palette (#EEF8F2, #CAE3FF, #F6BE9C, #31A9CA, #6A3700)
• Weathered Teal Quarry color palette (#FAF4F0, #C6DCE5, #96CFD6, #3DA599, #5C4459)

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