Petrol Study color palette — #CBE6E4 · #77AAC3 · #006DA0 · #004856 · #001529

Peacock and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#CBE6E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#77AAC3): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006DA0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001529): 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 Study 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 Cobalt color palette (#D8E9E8, #88B6E4, #3D74C1, #005476, #0C1C45)
• Weathered Denim color palette (#E3F3EF, #53A0A7, #006372, #003C39, #000B10)
• Tempered Chapel color palette (#ECF1DE, #6CC2ED, #006EA3, #003C49, #000308)
• Ancient Study color palette (#E8DCE2, #5C98B6, #00498C, #003030, #0C0343)
• Patina Petrol color palette (#ECF8F7, #B8D9F4, #659BC9, #007796, #1F3C5E)
• Tempered Bronze Cabin color palette (#F2D9C3, #A96F00, #774500, #4D2400, #120A00)
• Faded Plum color palette (#F6D4DC, #BA005D, #804E00, #5919A9, #160006)
• Soft Raspberry color palette (#EADAF1, #C33F75, #776500, #800043, #140F00)

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