Petrol Study color palette — #E6F7E9 · #6CCDD3 · #007F96 · #005345 · #001D2A
Cerulean and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Aqua (#6CCDD3): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007F96): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005345): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001D2A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Frosted Cobalt color palette (#E4F8E8, #88C4E5, #0075C3, #005059, #00114C)
- Washed Navy Courtyard color palette (#FFF2EE, #7EC5CC, #0078A2, #005932, #0A2E6D)
- Frosted Hollow color palette (#CEF8FF, #85D4FF, #87A4FF, #007770, #001F2B)
- Tempered Basin color palette (#FBF4E9, #85DBE1, #009DB8, #007461, #00384E)
- Dusty Denim color palette (#E0EBE2, #6EA7AF, #00627A, #003A33, #000C16)
- Abyss Canyon color palette (#DEEDE0, #488195, #00405F, #001F20, #000105)
- Plum Boulevard color palette (#D1EEF4, #008092, #A7009C, #645000, #001115)
- Patina Scarlet color palette (#D3F3FF, #0098A4, #D02000, #00575E, #300200)
Browse the whole catalog at Explore, or see today's palette.