Petrol Ridge color palette — #EFE8DD · #9ABE9E · #00788C · #004D3F · #001924
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Sage (#9ABE9E): A luminous, dusty green — the color of fresh herbs.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol 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
- Ancient Archive color palette (#F1E8D9, #87BCD4, #1771AA, #004A50, #001437)
- Wandering Coast color palette (#F6F1E9, #B2D0BB, #3A86A3, #005C55, #002339)
- Forest Hollow color palette (#F5EBF4, #87BACB, #007295, #005426, #022C5E)
- Dusty Lagoon color palette (#CEE6DD, #009288, #006566, #004148, #001922)
- Antique Abyss Dune color palette (#E9E0D3, #478292, #00415A, #001F1E, #000104)
- Softworn Ridge color palette (#D1F1DB, #8AD6FF, #7F96D7, #006E68, #001C28)
- Ash Lantern color palette (#F5F1EA, #C9E1DC, #7CA890, #5C7352, #1C3E32)
- Weathered Summit color palette (#D4E7D7, #00909B, #B93529, #005157, #2B0100)
Browse the whole catalog at Explore, or see today's palette.