Teal Ridge color palette — #F4E7E1 · #31B0B4 · #00617E · #003C18 · #000A1F
Turquoise takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Rose Water (#F4E7E1): a clean, paper-quiet neutral.
- Turquoise (#31B0B4): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#00617E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003C18): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#000A1F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Denim Lagoon color palette (#F1E0D4, #64A6C2, #0056A9, #003A31, #090327)
- Denim Thicket color palette (#E9EADE, #86A98A, #00636E, #003E3A, #00242C)
- Tempered Cerulean Boulevard color palette (#EEF8F0, #79DFE4, #0089A0, #005344, #000F17)
- Muted Studio color palette (#EDE1EA, #87BACB, #00819F, #005C3F, #002139)
- Hushed Sapphire Thicket color palette (#FDEFE3, #5AC9FB, #0068EA, #00524A, #1A0E40)
- Aged Lagoon Courtyard color palette (#EADAD6, #258887, #004354, #002105, #000104)
- Hushed Boulevard color palette (#F8F0EC, #C7E5CF, #6194B5, #3B6953, #3A2337)
- Muted Teal color palette (#F2F3D0, #4FC6B4, #5796CF, #5A4700, #0A1300)
Browse the whole catalog at Explore, or see today's palette.