Tempered Petrol Study color palette — #ECF0E2 · #75C1EA · #006DA6 · #003C4A · #000309

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF0E2): bright and airy, almost weightless.
• Sky (#75C1EA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006DA6): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000309): 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 Tempered 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 Aqua Delta color palette (#F0F0DA, #66CAC3, #007679, #003F33, #000304)
• Soft Cobalt Pier color palette (#F2F7EA, #ADCFF5, #3E77D4, #004C6F, #020038)
• Ancient Denim color palette (#DAE8E6, #4F99BF, #004E78, #002E39, #00142A)
• Cornflower Villa color palette (#F3E5DB, #81B8D6, #2E83E1, #006D6E, #0C0640)
• Washed Periwinkle color palette (#F3F7EB, #C0E1F3, #6EACE3, #007A9B, #142F50)
• Raspberry Garden color palette (#FFE1E1, #C74197, #0069B6, #6C004D, #000104)
• Bronze Study color palette (#F5E1CF, #B1791D, #6F4100, #371800, #020100)
• Muted Garden color palette (#EFDBE0, #BC005F, #7D4B00, #5200A2, #040001)

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