Petrol Study color palette — #FFF0FB · #62CAD2 · #007999 · #005840 · #00355A
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#62CAD2): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007999): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005840): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Cobalt color palette (#FFF0F7, #65C4F0, #006EC7, #005655, #242B67)
- Timeworn Canyon color palette (#F2F4DF, #5ACFD9, #008092, #00524E, #001E26)
- Glacier Chapel color palette (#E4FBF6, #24E4F1, #009EB2, #00736D, #003947)
- Turquoise Chapel color palette (#F0E7EE, #4FAEBD, #006080, #003F32, #001F40)
- Quiet Lilac color palette (#E8F8FF, #A8D5FF, #978BF9, #007160, #00404F)
- Gentle Turquoise Market color palette (#FEF4E4, #94EAF2, #00BEE2, #009A84, #00384F)
- Azure Studio color palette (#F9F3F7, #D5E0F3, #5EA2C9, #357D6E, #455467)
- Soft Hollow color palette (#B5F1FB, #0095A7, #D10033, #005964, #5C0011)
Browse the whole catalog at Explore, or see today's palette.