Petrol Studio color palette — #F5EBF2 · #6CC6D9 · #006DA6 · #00402D · #010015
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Sky (#6CC6D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006DA6): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00402D): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Muted Ultramarine color palette (#F8EAEF, #78BFF2, #3C54DB, #003E3D, #04000F)
- Sunlit Cornflower Coast color palette (#FEF1F7, #97D6F5, #2B74E6, #00524A, #0D0428)
- Weathered Market color palette (#EDDDD5, #4F9CAD, #005071, #003128, #001232)
- Timeworn Hollow color palette (#E6DED1, #60BFD4, #008FBC, #006D68, #001527)
- Byzantium Boulevard color palette (#FBE4FD, #A300B3, #006661, #004E4A, #030004)
- Hushed Periwinkle Delta color palette (#FBF2F7, #D6D4E1, #6AABEC, #008269, #222D4A)
- Gentle Azure Pier color palette (#FDF1FA, #ACF3FF, #009DDE, #006D48, #0B1A44)
- Lapis Corridor color palette (#FFE4FA, #FFB7B1, #C59100, #5A4AB4, #17000B)
Browse the whole catalog at Explore, or see today's palette.