Petrol Studio color palette — #DEEDEB · #81BED1 · #00769A · #004A52 · #001827
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Frost (#DEEDEB): bright and airy, almost weightless.
- Sky (#81BED1): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00769A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001827): 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
- Tempered Petrol color palette (#F6EDDF, #83BBCD, #12719A, #00504F, #002F55)
- Misty Denim color palette (#D6E9E8, #5DA4D8, #00599F, #00364A, #000922)
- Linen Cornflower Coast color palette (#E0F7F7, #A9D4FF, #3E82DD, #005C81, #152345)
- Turquoise Villa color palette (#C1FAEC, #80E0DA, #3DB4C7, #136448, #002026)
- Cobalt Corridor color palette (#DBEEEC, #2C81AE, #003F66, #001E27, #000105)
- Sapphire Courtyard color palette (#C7EFF1, #00966C, #3164CB, #00543B, #000B3B)
- Teal Orchard color palette (#9FF4DD, #00AE93, #006A58, #003329, #000906)
- Tempered Hollow color palette (#CBF0F4, #007D67, #006596, #514F00, #000E0A)
Browse the whole catalog at Explore, or see today's palette.