Petrol Studio color palette — #CEEADE · #00759D · #834C00 · #004733 · #000D15
Slate and Coffee set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#CEEADE): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#834C00): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#004733): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000D15): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Weathered Terracotta Delta color palette (#E0F3E4, #007984, #A71F00, #294500, #000E10)
- Softworn Ultramarine Ridge color palette (#F3E1F0, #3256D1, #4F5D00, #003E43, #11020F)
- Dusty Cornflower Station color palette (#FFEAFC, #3C72EE, #7E6A00, #00564E, #051130)
- Weathered Violet Balcony color palette (#F9E2E8, #9359AB, #5F6D00, #004D54, #1D080F)
- Softworn Plum color palette (#F8E7E8, #B5009A, #685B00, #004640, #1A0014)
- Airy Byzantium Coast color palette (#EFDFE4, #9400E1, #755500, #483A00, #130023)
- Mulberry Station color palette (#C3EBDE, #0072AB, #AB0036, #740208, #000C18)
- Dusty Amethyst Coast color palette (#F8D5E5, #8629FB, #684400, #00342F, #001211)
Browse the whole catalog at Explore, or see today's palette.