Petrol Studio color palette — #F1E6E1 · #96BFA5 · #2371A6 · #004D38 · #0A0F3B
A conversation between Slate and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E6E1): a clean, paper-quiet neutral.
- Sage (#96BFA5): A luminous, dusty teal — the color of sea glass.
- Slate (#2371A6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0A0F3B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.
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 Sapphire Boulevard color palette (#EFE8E1, #8FB9D7, #4964BA, #004B4A, #1B0738)
- Antique Loft color palette (#FAF0E9, #B0D0BF, #427FBF, #005D4D, #1A1945)
- Chalky Lagoon Boulevard color palette (#CFEEDA, #00988A, #005E67, #00354E, #001540)
- Gentle Rust color palette (#D4E9DC, #008DAB, #B24027, #004F61, #280300)
- Worn Lagoon color palette (#ECDAD5, #45999C, #00516A, #002E12, #000411)
- Wisteria Lantern color palette (#D3F3DD, #9BC3F8, #BD80C2, #00724A, #001B2B)
- Weathered Study color palette (#BCEAFF, #1DA0CE, #006186, #002E42, #00080E)
- Worn Cypress Bloom color palette (#F7F0ED, #C7E5E2, #76A1C9, #1E7C65, #462C3F)
Browse the whole catalog at Explore, or see today's palette.