Quiet Ridge color palette — #F2F3E7 · #80B061 · #007662 · #336300 · #030900
Olive takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F2F3E7): bright and airy, almost weightless.
- Jade (#80B061): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007662): A full-bodied, balanced teal — the color of sea glass.
- Olive (#336300): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#030900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged duotone.
Use it as a design system
One click turns Quiet 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 Pine color palette (#F0F3EA, #88C499, #008781, #157842, #081107)
- Pine Market color palette (#F5F2E9, #B1A139, #067A23, #615600, #060700)
- Teal Balcony color palette (#EEF4EC, #00B9A2, #007088, #006356, #000904)
- Moss Lagoon color palette (#EBF9F2, #A39F00, #006B73, #555200, #001C25)
- Hushed Jade Grove color palette (#CFEDD5, #50AD85, #00765D, #00483F, #001B1B)
- Faded Pine Cabin color palette (#E2E5D3, #318F31, #004F45, #054308, #000200)
- Tempered Sunflower color palette (#F9F5EA, #DFD465, #0098BE, #837800, #000803)
- Worn Navy Hollow color palette (#E7F1E5, #008F85, #005C82, #2F256C, #091900)
Browse the whole catalog at Explore, or see today's palette.