Petrol Grove color palette — #F2F3E6 · #70AEA0 · #007182 · #673540 · #122108
Built around Teal, softened by Cocoa — the whole palette hums with trust and stability.
The five colors
- Cream (#F2F3E6): a clean, paper-quiet neutral.
- Turquoise (#70AEA0): A luminous, dusty teal — the color of sea glass.
- Teal (#007182): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#673540): A deep, shadowed, dusty red — the color of late-summer berries.
- Onyx (#122108): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Worn Cypress color palette (#F5F2E6, #87AB89, #007567, #4B4900, #1B1F00)
- Weathered Cypress Drift color palette (#E1F7CF, #5BB796, #007758, #003A30, #00120D)
- Cerulean Garden color palette (#E7FAF6, #77C6AF, #0091A0, #715979, #0D3D41)
- Timeworn Chestnut color palette (#F4F2EA, #C0C7AD, #548F89, #716111, #30322B)
- Olive Canyon color palette (#FDEFE5, #BBA56D, #5D7600, #005951, #2A1F00)
- Mulberry Archive color palette (#DEF1DA, #008F86, #8F5398, #83348E, #001916)
- Linen Pine color palette (#E5E4CA, #8BA04F, #007835, #00483A, #002727)
- Aged Raspberry color palette (#E3EDD9, #3EA684, #A75BA2, #00654B, #30082F)
Browse the whole catalog at Explore, or see today's palette.