Teal Ridge color palette — #ECDDE7 · #58B3B0 · #005F6F · #002D16 · #000103

Turquoise and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#ECDDE7): A whisper-light, dusty pink — the color of peonies in June.
• Turquoise (#58B3B0): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#005F6F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#002D16): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Muted Atelier color palette (#F8E9F4, #55CBCF, #00738C, #004029, #000307)
• Denim Ridge color palette (#EED9E2, #63ACD2, #0053A2, #002B2C, #01000A)
• Timeworn Lagoon color palette (#F5EEE2, #4F8D8A, #00454C, #002318, #000B11)
• Softworn Summit color palette (#E5DAE6, #65AFAD, #00819E, #006317, #000A18)
• Gentle Cornflower color palette (#FFF1F6, #8ED6FF, #2B78DB, #005153, #08052B)
• Azure Ridge color palette (#FDF1F9, #B5F1FF, #059DDA, #006C5B, #051D3E)
• Worn Garden color palette (#E0EEFC, #BEAFFF, #C76FB4, #005667, #00000B)
• Sapphire Boulevard color palette (#D0E4FB, #006BC2, #6C4F00, #002B54, #020100)

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