Petrol Studio color palette — #E8F6EB · #71CDCD · #008090 · #005440 · #001E28
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#71CDCD): A luminous, balanced teal — the color of glacier melt.
- Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005440): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E28): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cobalt Thicket color palette (#E8F6EA, #5CCAF5, #0078B7, #005156, #00183D)
- Tempered Forest color palette (#FFF2EE, #51CDCC, #007A98, #005B1D, #003361)
- Periwinkle Alley color palette (#E1F6FF, #8DD9FF, #72A8FF, #007367, #00222D)
- Denim Field color palette (#DFEBE1, #58ABB1, #006375, #003A30, #000D15)
- Softworn Seafoam color palette (#FFF4E2, #59E2E2, #009EB1, #00755A, #00394A)
- Hushed Cerulean color palette (#E2EDE4, #24859C, #00415A, #001F1E, #000104)
- Soft Scarlet Coast color palette (#D8E9E9, #00999E, #D4002D, #00575B, #320004)
- Patina Byzantium color palette (#D5F5FA, #00818C, #A200A9, #684D00, #001214)
Browse the whole catalog at Explore, or see today's palette.