Petrol Grove color palette — #BBF7FF · #45B6D2 · #0080A5 · #005B8A · #523853
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#BBF7FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#45B6D2): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005B8A): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#523853): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Cobalt Bloom color palette (#C4EDD6, #54B6E6, #0079C9, #335597, #3D476C)
- Turquoise Market color palette (#D8EFE8, #00B5C4, #0081B1, #284E7E, #252647)
- Sky Parlor color palette (#B8F2FF, #7DD5F5, #4EB6E3, #4391BD, #254965)
- Amber Lagoon color palette (#E7FAF3, #5AA9D7, #C86F2B, #006E9B, #5E371D)
- Weathered Field color palette (#DDF2CD, #42C5B9, #008689, #00626F, #28523F)
- Muted Cabin color palette (#FEF0FF, #8EC1FB, #167ABF, #09467C, #113253)
- Nightshade Chapel color palette (#DCEDF4, #019FEA, #005FB2, #0710C0, #292571)
- Ancient Cerulean Market color palette (#E0FDF3, #EFDBD6, #C3B2EA, #3E89A0, #574456)
Browse the whole catalog at Explore, or see today's palette.