Petrol Ridge color palette — #FDF1F9 · #E59C8B · #609C72 · #56659E · #463C5B
A conversation between Slate and Melon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Melon (#E59C8B): A luminous, balanced orange — the color of autumn markets.
- Fern (#609C72): A luminous, balanced teal — the color of sea glass.
- Slate (#56659E): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#463C5B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Tempered Moss Boulevard color palette (#F7F3FC, #D99BBF, #91923B, #287197, #384060)
- Muted Marigold Workshop color palette (#F0F8EF, #DAA666, #269FA0, #815789, #4B3B56)
- Aged Balcony color palette (#FEF3E8, #F3C189, #6BA98D, #4E6C99, #512C2A)
- Weathered Shell color palette (#FDF3EE, #FDB29E, #62B9C4, #847FB4, #413C63)
- Oat Orchard color palette (#FFF0F8, #BFDCC6, #94BAB3, #7C7E93, #505060)
- Timeworn Moss Canyon color palette (#E0FBE0, #D8C98A, #A3A548, #698654, #315A56)
- Weathered Courtyard color palette (#FFF1F7, #E77A00, #008B79, #6833A3, #570C37)
- Antique Amber Villa color palette (#EAF5EB, #C09438, #415F55, #2F3C31, #262022)
Browse the whole catalog at Explore, or see today's palette.