Petrol Grove color palette — #F6EAF2 · #7EC5C3 · #007487 · #004123 · #000306
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F6EAF2): a clean, paper-quiet neutral.
- Mint Leaf (#7EC5C3): A luminous, dusty teal — the color of glacier melt.
- Teal (#007487): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004123): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Tempered Delta color palette (#FDF1FA, #82DCEC, #0085B4, #005343, #000C21)
- Powdered Ultramarine color palette (#FCE8F0, #7FC0E5, #0063C9, #003D3F, #020013)
- Lilac Study color palette (#D3F6FF, #90DAFF, #9399FF, #005D43, #00060B)
- Lagoon Archive color palette (#D1EBD9, #009876, #006560, #002F35, #000203)
- Timeworn Market color palette (#D6E7EB, #009091, #C1002C, #004546, #040000)
- Muted Teal Harbor color palette (#E2E2D3, #1BC8C6, #00959D, #006E60, #00181C)
- Hushed Turquoise color palette (#BCE7F0, #00A6BF, #005A65, #001B21, #000102)
- Weathered Mulberry color palette (#D8EFEF, #007678, #A5003F, #742500, #000202)
Browse the whole catalog at Explore, or see today's palette.