Teal Ridge color palette — #F1F1D3 · #00BC9D · #00898B · #3F528B · #22371B
Turquoise and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F1F1D3): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#00BC9D): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00898B): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#3F528B): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Forest (#22371B): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged retro, cool.
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
- Chalky Atelier color palette (#EDF1DC, #1FB5CB, #0082B1, #614681, #1B3728)
- Frosted Emerald Harbor color palette (#FFEADD, #009F65, #006579, #622B3F, #24361B)
- Aged Balcony color palette (#D8E6D5, #00948C, #00494E, #182616, #0A0F08)
- Antique Lagoon color palette (#F4F7E9, #8EC2A6, #009677, #496E50, #2C3C00)
- Hushed Aubergine Study color palette (#ECEED7, #00948D, #006471, #322281, #001B1B)
- Linen Mint color palette (#FFF2EF, #7BCD85, #008BAE, #7C374A, #17270B)
- Gentle Mint color palette (#DFF6E3, #66D2A7, #3BA8B4, #995C8C, #09373D)
- Feathered Aubergine Boulevard color palette (#C4F1D4, #00A8D4, #0073BC, #780091, #002D41)
Browse the whole catalog at Explore, or see today's palette.