Petrol Grove color palette — #F9EAE3 · #5AAFBA · #0080A6 · #005F49 · #000A18
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9EAE3): bright and airy, almost weightless.
- Cyan (#5AAFBA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0080A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005F49): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000A18): 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
- Softworn Cobalt Ridge color palette (#F8ECE1, #7AA7C1, #1E73D2, #005D5E, #06002C)
- Antique Cerulean Parlor color palette (#CFE6E2, #4BA1AC, #006374, #003B3A, #000B11)
- Worn Lagoon color palette (#ECE0E9, #1D8792, #004257, #002016, #000104)
- Misty Pine color palette (#F1E3DC, #7BD2CB, #00A4BA, #008344, #002333)
- Misty Orchard color palette (#EEDDE9, #B69DE2, #D374A3, #006B95, #110428)
- Misty Periwinkle color palette (#FAEBE0, #A3DDF6, #58AAF5, #00918C, #1D295B)
- Timeworn Nightshade Corridor color palette (#C2E6F5, #007DCC, #0050BB, #32239C, #120022)
- Ultramarine Lantern color palette (#F5D8EE, #576FEF, #8D6B00, #333FBE, #090500)
Browse the whole catalog at Explore, or see today's palette.