Petrol Grove color palette — #E6F1F0 · #8DB8D0 · #087296 · #004E57 · #00324B
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F1F0): a clean, paper-quiet neutral.
- Ash (#8DB8D0): A luminous, dusty blue — the color of open sky before noon.
- Teal (#087296): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, 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
- Timeworn Pier color palette (#EFE6EB, #8EBAD3, #0071AE, #004C45, #030F3E)
- Weathered Chapel color palette (#DEF0FF, #A1CBFF, #8698DE, #006482, #12324D)
- Cerulean Study color palette (#DEF0F2, #00A3B7, #006C83, #00465A, #1A2849)
- Timeworn Sky color palette (#EDF0E4, #96DFFA, #03B3ED, #008E9F, #00324C)
- Soft Studio color palette (#F7ECE6, #ACCEBB, #238DD2, #006D64, #15295F)
- Patina Lagoon color palette (#E5FBF5, #96DED8, #009195, #006857, #004950)
- Powdered Alley color palette (#CEE8F7, #0074A0, #6C45A4, #005B43, #002333)
- Frosted Olive color palette (#C7E3F4, #008CB1, #567700, #005168, #202F00)
Browse the whole catalog at Explore, or see today's palette.