Petrol Study color palette — #D7F2F7 · #007899 · #00486B · #002849 · #000428
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D7F2F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007899): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00486B): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#002849): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000428): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, 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
- Navy Courtyard color palette (#DDF4FF, #0076B0, #004985, #040077, #070028)
- Airy Navy color palette (#D2F4EE, #00A3B4, #006587, #002D6F, #0B002A)
- Petrol Drift color palette (#DEEFFF, #0071AE, #804900, #00395C, #100500)
- Washed Cypress color palette (#D6F0E3, #00826D, #005650, #00292B, #000D11)
- Cobalt Market color palette (#E2EDFF, #4C7CC6, #004385, #001943, #000105)
- Softworn Corridor color palette (#DEE8F3, #9EB2EE, #9E7EC5, #005975, #010E2C)
- Powdered Denim color palette (#DAE9F2, #6CADD5, #2976B9, #264FA3, #232D55)
- Nightshade Quarry color palette (#C8E3F7, #0B71CE, #211EB5, #1C006A, #110028)
Browse the whole catalog at Explore, or see today's palette.