Petrol Grove color palette — #F9F4ED · #C3E5DA · #698CBD · #006E83 · #593D53
A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Silver (#C3E5DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#698CBD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006E83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#593D53): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Grove 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
- Dusty Iris color palette (#F8F0E9, #BCE7D9, #798BC4, #006C6C, #3D222F)
- Washed Cobalt Orchard color palette (#FDF4E6, #A4D5F5, #2981D8, #006473, #2B3D6E)
- Worn Periwinkle color palette (#FCF2F6, #D7DEFB, #8CA1E4, #008C8C, #424561)
- Ancient Cerulean color palette (#FBF4EA, #B6CCB8, #00879C, #00624F, #004157)
- Muted Abyss color palette (#F0E7D9, #58889C, #004063, #002224, #00081C)
- Timeworn Denim Summit color palette (#E8DFD2, #64ABB8, #00617B, #003E39, #002236)
- Chalky Atelier color palette (#FFF2EE, #BF6D76, #5B8B31, #1C69B8, #4C3028)
- Patina Bloom color palette (#F4EEE4, #89BEB0, #3963BA, #004D61, #252757)
Browse the whole catalog at Explore, or see today's palette.