Petrol Studio color palette — #F9F4ED · #C1E6DB · #758AB3 · #2B6B80 · #5A3D51
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C1E6DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#758AB3): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#2B6B80): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#5A3D51): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Iris Workshop color palette (#F6F1EB, #C2E5DB, #7F89C2, #006C71, #411F2D)
- Cypress Station color palette (#F9F4EE, #CBE4E2, #77A494, #3C7A7B, #5D4C5F)
- Hushed Cobalt Harbor color palette (#FBF4EA, #ACD3F4, #4E7FC8, #006378, #313B6C)
- Lagoon Studio color palette (#FBF3F5, #D8DBF2, #969FDF, #008B92, #444464)
- Softworn Corridor color palette (#E8E2D8, #6AAABA, #005F81, #003E3C, #00213A)
- Hazy Emerald color palette (#F6F9D7, #619A51, #557BB8, #9C4D50, #383932)
- Timeworn Cerulean Market color palette (#F9F4ED, #AAD0B2, #0086A2, #006154, #113F57)
- Softworn Navy Alley color palette (#EDE3D4, #5088A5, #003F6A, #002226, #000526)
Browse the whole catalog at Explore, or see today's palette.