Teal Ridge color palette — #EDF8F7 · #D2DDE5 · #B3B2C4 · #87B996 · #3D4B4A

Mint Leaf and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#D2DDE5): a clean, paper-quiet neutral.
• Ash (#B3B2C4): A luminous, dusty violet — the color of wild irises.
• Mint Leaf (#87B996): A luminous, dusty teal — the color of sea glass.
• Charcoal (#3D4B4A): a grounded near-black with real depth.

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

• Muted Ash color palette (#EFF6FC, #D8D8E7, #C3BCCD, #74A7C1, #2F3C46)
• Seafoam Parlor color palette (#EAF9F5, #A2E7C1, #75BBB2, #759990, #2A4949)
• Glacier Harbor color palette (#CBFDFC, #A3E5E4, #A4BBD3, #A98D9F, #5F4D59)
• Pine Harbor color palette (#F1F3ED, #D0DBD5, #ABC4BD, #3E8560, #2A2E24)
• Hushed Lantern color palette (#D0EAEF, #00C4B5, #597483, #394E52, #111A1A)
• Ancient Cypress Delta color palette (#DCECF2, #99A0B2, #8585A4, #007274, #000B10)
• Chalky Coast color palette (#E5FAFC, #D2FB82, #79F5E2, #76C4F0, #124350)
• Feathered Mint Meadow color palette (#E4FBF9, #7AD597, #9497E3, #A96A5B, #4B2B43)

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