Petrol Grove color palette — #F1F3EB · #C5E0E0 · #78A897 · #307685 · #203C35
Teal and Eucalyptus set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Silver (#C5E0E0): A whisper-light, dusty teal — the color of glacier melt.
- Eucalyptus (#78A897): A luminous, dusty teal — the color of sea glass.
- Teal (#307685): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#203C35): A deep, shadowed, dusty teal — the color of sea glass.
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
- Petrol Field color palette (#E9EADD, #9BBEA0, #007988, #004C47, #001A21)
- Worn Ash color palette (#F0F3EC, #C2E4E9, #839EC3, #45718A, #422F40)
- Tempered Denim Quarry color palette (#E0E3D5, #6FA5BB, #006084, #003841, #000C18)
- Lagoon Cabin color palette (#ECF5D0, #8FC6A5, #4B9A79, #206E59, #293B1F)
- Cypress Archive color palette (#EEF4EA, #86C1B2, #8E99C9, #0F8470, #42263B)
- Hushed Chapel color palette (#EAF6E5, #64AC9E, #6592BB, #777E46, #1F2B19)
- Hushed Lagoon color palette (#F3F3E2, #A2DDD9, #00959A, #006454, #002B30)
- Antique Coast color palette (#FBF4EF, #C7DCE6, #BBBEE9, #59A09E, #5B4556)
Browse the whole catalog at Explore, or see today's palette.