Teal Ridge color palette — #ECF5E8 · #50AF9B · #4C5D4F · #323B2C · #20231B
A conversation between Turquoise and Charcoal Brown, giving this palette its sense of sophistication.
The five colors
- Cream (#ECF5E8): a clean, paper-quiet neutral.
- Turquoise (#50AF9B): A luminous, balanced teal — the color of glacier melt.
- Charcoal Brown (#4C5D4F): A full-bodied, dusty teal — the color of sea glass.
- Forest (#323B2C): A deep, shadowed, dusty green — the color of new leaves after rain.
- Onyx (#20231B): a grounded near-black with real depth.
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
- Mint Harbor color palette (#E3FAFE, #00CAAE, #435860, #212E2F, #0A1111)
- Weathered Mint Cabin color palette (#E5F5F7, #43D1B3, #697F8C, #48585A, #1C2322)
- Hushed Veranda color palette (#EDF4E9, #318F78, #254434, #242B1F, #131713)
- Wandering Azure Balcony color palette (#D6EAE3, #4E96CE, #5A4656, #14352C, #101B16)
- Moss Boulevard color palette (#E5FCEE, #6FBED7, #C792B4, #A2933A, #2D4A3A)
- Antique Lagoon Veranda color palette (#F8F5EF, #CBE7E2, #83BBD0, #35988C, #2E5347)
- Cerulean Thicket color palette (#EDF8F1, #95CFDC, #E19D92, #099DB4, #534B48)
- Dusty Petrol color palette (#D6ECDC, #008091, #003751, #001A1F, #010601)
Browse the whole catalog at Explore, or see today's palette.