Petrol Grove color palette — #E0EFEC · #55B0BA · #008396 · #005D5A · #000B11
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E0EFEC): a clean, paper-quiet neutral.
- Cyan (#55B0BA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#008396): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005D5A): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000B11): 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
- Powdered Lantern color palette (#DFF3F0, #22C5DC, #0092AF, #006D6E, #001720)
- Muted Turquoise color palette (#E8DAE4, #00A6B2, #00617D, #003D2C, #000A18)
- Airy Cobalt Basin color palette (#D4E3E3, #75A5D3, #2E73CB, #00587B, #00022D)
- Softworn Abyss Lantern color palette (#E5DCE3, #4A8389, #00415A, #00210F, #000107)
- Hushed Cornflower color palette (#DCECEC, #96C4F4, #4F91F2, #0075A6, #0B1A4B)
- Feathered Turquoise color palette (#E5F2F0, #93DFFF, #55AFDF, #008EA3, #04314D)
- Hushed Field color palette (#DDEBFF, #2473FD, #008561, #0046C2, #000804)
- Misty Lilac color palette (#E5E6F4, #B39DF7, #AE78D2, #506AB0, #0D0529)
Browse the whole catalog at Explore, or see today's palette.