Petrol Workshop color palette — #F9EBE1 · #6BC3E9 · #0069B5 · #003E3C · #010015

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9EBE1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#6BC3E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Petrol Workshop 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

• Timeworn Aqua color palette (#FBEAE2, #5ACBCC, #00738A, #004028, #000307)
• Muted Ridge color palette (#FEF3E8, #9DD2FF, #456FE9, #005059, #0E002F)
• Navy Terrace color palette (#F8E7EF, #5A92AC, #0E468F, #002C26, #040019)
• Sunlit Canyon color palette (#D3E4E3, #68BCE2, #008CCA, #006A7D, #001528)
• Antique Chestnut Station color palette (#D1E3DA, #008AB4, #955500, #004258, #030100)
• Chalky Wisteria Coast color palette (#CBFBE5, #B6CCFF, #C180F1, #006466, #00071A)
• Terracotta Balcony color palette (#D6E8EF, #00738C, #9F2300, #4A4400, #000102)
• Azure Pier color palette (#D0E9FF, #1B9BF7, #00528E, #00182A, #000103)

Browse the whole catalog at Explore, or see today's palette.