Petrol Studio color palette — #F6EBF1 · #63C0DB · #046BB3 · #005140 · #252952
Royal Blue and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F6EBF1): a clean, paper-quiet neutral.
- Cyan (#63C0DB): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#046BB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#252952): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Studio 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
- Aged Forest color palette (#F5EBF6, #6BC3BD, #00748C, #0C5409, #033051)
- Aged Villa color palette (#FDF1F6, #A4CBE5, #5579AF, #006157, #38355A)
- Denim Delta color palette (#EDDAE0, #66A5D6, #3F4F9E, #003E3E, #25153B)
- Worn Pier color palette (#E8EBDD, #91C0A7, #12759A, #004A53, #001828)
- Lagoon Quarry color palette (#D4EFE2, #00A2A7, #006C84, #003F6C, #20285B)
- Antique Azure Market color palette (#BFE7FF, #009BE1, #005784, #002D46, #001826)
- Tempered Delta color palette (#E2F5FF, #A7C2FF, #BD84BB, #00745C, #1F384C)
- Onyx Corridor color palette (#F6E7F3, #31A0AC, #005070, #00321C, #000B40)
Browse the whole catalog at Explore, or see today's palette.