Teal Ridge color palette — #F0FADD · #5FB595 · #00705F · #004928 · #000A06
Jade and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F0FADD): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#5FB595): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00705F): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004928): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#000A06): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Terrace color palette (#FBF5DF, #97AC66, #486C27, #094820, #060900)
- Worn Cerulean color palette (#CFEBF0, #00A0BB, #006880, #003F56, #000D17)
- Antique Hollow color palette (#FEF5DC, #B9C27F, #678227, #005F53, #1E1800)
- Hushed Moss Dune color palette (#E7E2C9, #7B9B43, #2B5B08, #003519, #010100)
- Timeworn Lagoon Orchard color palette (#DAEDEA, #008E6A, #004E4D, #113303, #000A0B)
- Pale Pine color palette (#DFE1C8, #68BA9D, #009191, #3A742B, #002117)
- Teal Alley color palette (#F1F9E4, #92EECE, #00A994, #307779, #243411)
- Hushed Cobalt color palette (#F4F7E9, #8ED8F5, #0085B5, #00505B, #000E1B)
Browse the whole catalog at Explore, or see today's palette.