Teal Ridge color palette — #F5F6ED · #AFEEEF · #72C0AB · #86A477 · #1B2017

A conversation between Mint Leaf and Moss, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6ED): a clean, paper-quiet neutral.
• Sea Foam (#AFEEEF): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#72C0AB): A luminous, balanced teal — the color of sea glass.
• Moss (#86A477): A luminous, dusty green — the color of new leaves after rain.
• Onyx (#1B2017): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Hushed Mint color palette (#F8F5ED, #FDF9B6, #83BF8F, #A29D59, #1D2015)
• Aged Olive color palette (#ECF4F1, #A0CFC1, #269688, #627D19, #021A1E)
• Hushed Harbor color palette (#F7F6E7, #A5C16D, #48A7AE, #865B47, #302818)
• Worn Azure Thicket color palette (#F0F8F0, #91FAFF, #52A8D8, #269BA1, #041610)
• Softworn Seafoam color palette (#F9F6E0, #99F4C1, #64B3A4, #816984, #3D403A)
• Wandering Harbor color palette (#EFFCD2, #B9F1F3, #72BDAB, #31857E, #004A4D)
• Ancient Seafoam color palette (#F0F9E6, #B4E4ED, #85D7CF, #B1B0BE, #323F2A)
• Pale Quarry color palette (#F3F8E8, #58FBA3, #00A7A1, #009657, #010E01)

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