Petrol Studio color palette — #ECF8F5 · #8BB9BC · #338086 · #4E613C · #1D4A4D
A conversation between Teal and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF8F5): bright and airy, almost weightless.
- Ash (#8BB9BC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#338086): A full-bodied, dusty blue — the color of deep harbor water.
- Olive (#4E613C): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#1D4A4D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.
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
- Patina Lagoon color palette (#EFF8F1, #92B9AF, #468168, #266277, #214B42)
- Tempered Lagoon color palette (#F1F4E6, #A9BA96, #06877D, #525B11, #212B16)
- Lagoon Field color palette (#EBF7FF, #DCDAE5, #DEB8D8, #199487, #404E61)
- Powdered Bloom color palette (#BCF3F8, #65BFBE, #0088A0, #006099, #3D4A75)
- Worn Petrol Delta color palette (#EDF6FF, #8EBBE5, #3274AD, #004B6E, #003053)
- Patina Fern color palette (#FDF1F8, #85A489, #62691B, #563F6A, #223D26)
- Weathered Cypress color palette (#FAF3F7, #C5E1F3, #668DBC, #007262, #3C4664)
- Ancient Fern color palette (#F7F6E6, #A8E4CB, #69BBC1, #939272, #334B07)
Browse the whole catalog at Explore, or see today's palette.