Teal Ridge color palette — #FAF2F9 · #F0AAA4 · #6EB98E · #5295BB · #333045

Jade and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Rose Quartz (#F0AAA4): A luminous, balanced orange — the color of toasted spice.
• Jade (#6EB98E): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#5295BB): A luminous, balanced blue — the color of open sky before noon.
• Navy (#333045): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Worn Turquoise color palette (#FDF2F5, #E8B686, #4DB0C4, #8084BF, #3F3040)
• Muted Coast color palette (#F6F4FC, #DEA7D0, #ACAC6C, #1A9E93, #2C3446)
• Muted Sapphire color palette (#FFF0F9, #FA8150, #00A696, #006EE9, #37172E)
• Petrol Veranda color palette (#EFF8EF, #C29F6F, #A07C4A, #007492, #3E2D3C)
• Washed Apricot Station color palette (#FAEEF2, #E2AA76, #6B8271, #624E56, #271F24)
• Softworn Delta color palette (#F9F3F7, #E0D7D7, #DCA799, #AAAFBC, #594F56)
• Honey Harbor color palette (#FFF0F7, #E5D8CF, #E2CB60, #ADBDCA, #583B45)
• Soft Ultramarine Cabin color palette (#F7DFEA, #DF7C2B, #00938F, #3955D3, #1A0823)

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