Petrol Grove color palette — #FFF0FB · #51CADF · #0078A3 · #005747 · #003265
Built around Cerulean, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#51CADF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0078A3): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005747): A full-bodied, dusty teal — the color of sea glass.
- Navy (#003265): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Weathered Aqua color palette (#F1F4E4, #39D0E9, #007E99, #005153, #001D29)
- Hushed Archive color palette (#FFF1F6, #81C0E9, #0E63E5, #00555A, #2D2866)
- Muted Coast color palette (#E3FBF7, #71DDF1, #009CBD, #007275, #00394C)
- Weathered Denim color palette (#EFE1EA, #68AABB, #005E88, #003F36, #011B4B)
- Hushed Azure Studio color palette (#FAF3F7, #D6E0F1, #65A0CD, #3C7B73, #465368)
- Softworn Navy color palette (#E7DCE1, #3C8AAE, #003C75, #002222, #050129)
- Frosted Magenta Studio color palette (#EDD8E8, #D32CBC, #006427, #006152, #3E0937)
- Patina Peony color palette (#EBDEFE, #F035C3, #0F881D, #73005B, #033907)
Browse the whole catalog at Explore, or see today's palette.