Weathered Petrol Studio color palette — #F9ECE0 · #77B9EB · #4164B2 · #004E56 · #2B284C

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F9ECE0): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#77B9EB): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#4164B2): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2B284C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Weathered 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

• Wandering Petrol Ridge color palette (#F1E7DD, #8DB9DB, #5666A6, #004B4B, #1D0637)
• Timeworn Petrol Basin color palette (#FDEAE1, #6EC1C6, #007390, #005239, #003050)
• Wandering Cobalt Chapel color palette (#FAE9EF, #AAC8E3, #7082C3, #006C6C, #352054)
• Cerulean Harbor color palette (#FFF2EC, #8BDDEC, #008ABB, #006855, #1E4169)
• Timeworn Periwinkle color palette (#E8F1EA, #B9D7F2, #67A5FF, #008DA8, #1F2660)
• Timeworn Cerulean color palette (#F2DED1, #219DC6, #004C82, #00302E, #070B3C)
• Muted Workshop color palette (#F7EBE5, #009298, #004455, #002416, #000A16)
• Taupe Ridge color palette (#FFEAE5, #FFBCA1, #BAA257, #704671, #38302D)

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