Petrol Grove color palette — #FEF0FA · #3CCCE4 · #0075AE · #00583D · #1D2C6A
Cerulean takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FEF0FA): a clean, paper-quiet neutral.
- Aqua (#3CCCE4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0075AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00583D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#1D2C6A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Sapphire color palette (#FFF1F5, #60C2FF, #385DE5, #005653, #3A2166)
- Dusty Petrol color palette (#F1F4E3, #66CCE3, #007E9D, #005155, #001D2A)
- Wandering Cerulean color palette (#E3FBF8, #76DCF2, #009BC0, #007177, #00384D)
- Patina Indigo Hollow color palette (#FFF1F5, #A6D4FD, #6676D3, #006669, #47365F)
- Denim Delta color palette (#EADAE3, #61ABC0, #005A96, #003F31, #161749)
- Antique Sky color palette (#FFF2EC, #98E8FB, #25B7FB, #009A84, #002F6D)
- Muted Cypress color palette (#FBF2F7, #D7DFF1, #809BBE, #417B6F, #4C5264)
- Powdered Nightshade Grove color palette (#F1E2E7, #3798D3, #2034B2, #00302F, #190733)
Browse the whole catalog at Explore, or see today's palette.