Petrol Studio color palette — #FFF2EC · #74C6D7 · #0075AF · #00583E · #1C2B6D
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sky (#74C6D7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0075AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00583E): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1C2B6D): A deep, shadowed, balanced 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
- Timeworn Terrace color palette (#FFF2ED, #ACCFB5, #4180A5, #006340, #2B395B)
- Sapphire Grove color palette (#FFF3E6, #7EBFF2, #4B5ED8, #005556, #3E1D66)
- Ancient Petrol color palette (#E6F7E9, #8BC6D4, #007DA3, #00524D, #001C30)
- Denim Chapel color palette (#F6E3D9, #66AABE, #005A96, #003F31, #15154D)
- Teal Bloom color palette (#CFEDDD, #00A8A1, #00747D, #004A6A, #003162)
- Linen Wisteria color palette (#DEFFE4, #B5D7FF, #C67FDE, #007756, #00425D)
- Azure Basin color palette (#D6F0FF, #009FDB, #00628C, #003241, #001E2E)
- Antique Chestnut Terrace color palette (#CEE7ED, #007F93, #974D00, #614900, #002931)
Browse the whole catalog at Explore, or see today's palette.