Petrol Study color palette — #CFF0F2 · #29A7DB · #1768B6 · #433D88 · #483060
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#CFF0F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#29A7DB): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#1768B6): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#433D88): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#483060): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Study 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
- Timeworn Ultramarine color palette (#D0F0FF, #68B6EE, #2D8BE8, #3955C7, #36346C)
- Frosted Navy color palette (#CFEFFF, #4F9ED9, #0C62B8, #1B2E8E, #1D194C)
- Chalky Teal color palette (#C5E9DA, #00B6BA, #007796, #005382, #2F3769)
- Aged Boulevard color palette (#D0E2EF, #7294E8, #6859BA, #5C357D, #50234B)
- Worn Denim color palette (#F9E9F7, #5F8CDD, #9C7006, #2852A0, #473100)
- Sunlit Nightshade color palette (#DBEBF0, #0084C4, #212FBF, #39007E, #330342)
- Airy Cobalt color palette (#FAD8F8, #4078CE, #7D6C00, #435F1E, #182B49)
- Petrol Bloom color palette (#FFF0FE, #EFD0E7, #D491A7, #007D88, #59384A)
Browse the whole catalog at Explore, or see today's palette.