Petrol Grove color palette — #FFF0FB · #77C5DA · #0076AB · #00574C · #0C2F6B
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#77C5DA): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0076AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
- Navy (#0C2F6B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Hushed Sapphire Hollow color palette (#FFF1F5, #89BEE8, #3964D5, #00545D, #331B76)
- Petrol Garden color palette (#F1F4E5, #7AC9DD, #007E9E, #005156, #001D2B)
- Ancient Grove color palette (#E3FBF8, #61DDFC, #009BC3, #007178, #00384F)
- Ancient Field color palette (#F7EBF2, #72A8BB, #005C91, #003E3A, #09194D)
- Muted Cypress color palette (#FAF3F6, #C3E1F6, #678DBB, #007072, #3E446B)
- Sky Hollow color palette (#FFF2EB, #92E9FF, #31B6FC, #009A86, #0A3069)
- Timeworn Navy color palette (#EEDEE5, #5986A4, #003585, #002224, #08002A)
- Patina Raspberry color palette (#F6DCE5, #E02C8A, #00642A, #006055, #460227)
Browse the whole catalog at Explore, or see today's palette.