Petrol Grove color palette — #E4EBE5 · #87BCD4 · #0F71AB · #004A50 · #001437
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E4EBE5): a clean, paper-quiet neutral.
- Sky (#87BCD4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0F71AB): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001437): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cobalt Atelier color palette (#EDF4EE, #ACCCE6, #447EC2, #005968, #121D43)
- Washed Petrol color palette (#F8ECE4, #90BDA8, #2E67B5, #005147, #2B284E)
- Cypress Balcony color palette (#E6EFE7, #6EA9A4, #00646D, #003B28, #000D12)
- Washed Petrol Market color palette (#EEF3EF, #D5DBEE, #7AA0C7, #007987, #26374F)
- Antique Navy color palette (#DEE8DF, #4F7DA4, #003485, #001E27, #01000B)
- Hushed Market color palette (#E2E6FE, #DAB2D9, #DC7AA2, #4B4DB0, #220D29)
- Amethyst Loft color palette (#EBEEFF, #7B4CC0, #8C4B00, #00594D, #110026)
- Nightshade Market color palette (#DDE9FB, #677CD6, #5034BB, #43007C, #230035)
Browse the whole catalog at Explore, or see today's palette.