Petrol Ridge color palette — #FFF4E1 · #D4CFAF · #9AA37E · #616D93 · #4C2E3A
A conversation between Slate and Taupe, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Oat (#D4CFAF): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#9AA37E): A luminous, dusty green — the color of fresh herbs.
- Slate (#616D93): A full-bodied, dusty violet — the color of a velvet chair.
- Espresso (#4C2E3A): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Oat Courtyard color palette (#FFDCC6, #DBC993, #7FB9A2, #A07980, #5B3940)
- Antique Cabin color palette (#CFEDD6, #9EB170, #51805E, #485772, #3F405E)
- Taupe Atelier color palette (#F9D7EA, #A0A164, #467A6C, #4F4E64, #2B2842)
- Mulberry Balcony color palette (#D9FFF3, #B1CFB7, #619285, #8E4061, #49180D)
- Hushed Navy Chapel color palette (#EBE4AE, #ACAC85, #3B8A6E, #36366F, #1E0625)
- Pale Pewter Delta color palette (#E3FFD5, #86E5BE, #00A8A8, #784D92, #521B3D)
- Timeworn Navy color palette (#E9F2DB, #609B70, #00695F, #42295D, #1C0014)
- Garnet Boulevard color palette (#DBFFEC, #9AEFEC, #78B3CE, #915B76, #712A31)
Browse the whole catalog at Explore, or see today's palette.