Petrol Ridge color palette — #FDE3E0 · #CCAE90 · #9FA06B · #6E6DA3 · #4E2F3D
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#FDE3E0): A whisper-light, dusty orange — the color of toasted spice.
- Rosewood Mist (#CCAE90): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#9FA06B): A luminous, dusty green — the color of new leaves after rain.
- Slate (#6E6DA3): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#4E2F3D): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, 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
- Ancient Pewter color palette (#FFE6DA, #B9A263, #6A9469, #715A91, #362245)
- Taupe Alley color palette (#FFD9C6, #E0C5A5, #ACAE87, #987283, #5C3B4A)
- Moss Drift color palette (#EDE3D6, #BCBF82, #749F62, #8D6780, #2B2B00)
- Dusty Stone color palette (#EEDDE8, #DE9F9D, #B0956A, #54816D, #004157)
- Sunlit Lime color palette (#F8EACD, #A4C771, #5EB7A1, #9B6D8F, #612555)
- Washed Taupe Cabin color palette (#F3E0C0, #BBAB70, #628E7C, #146858, #003F41)
- Patina Stone color palette (#FFF3E2, #D2DECC, #B3C6AD, #AF8E8E, #5B4743)
- Mustard Dune color palette (#E4E3CA, #C8BB35, #B777C4, #6D75D3, #242000)
Browse the whole catalog at Explore, or see today's palette.