Tempered Petrol Market color palette — #E1F2F0 · #74C3E2 · #00709A · #003C46 · #000307

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

The five colors

• Cream (#E1F2F0): a clean, paper-quiet neutral.
• Sky (#74C3E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00709A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003C46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000307): 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 Market 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

• Hushed Teal Basin color palette (#DEEAE8, #60B1B4, #00606A, #002C27, #000102)
• Hazy Cobalt color palette (#EBF8F8, #A7D1F3, #007CD9, #004D67, #000A26)
• Cobalt Studio color palette (#FEE8F4, #69BDDC, #0088DB, #006D68, #060E37)
• Patina Sky Grove color palette (#EBF8F7, #D6DDE9, #59B0E6, #007C93, #193046)
• Frosted Navy Meadow color palette (#E9DDE3, #529AB4, #00498A, #003128, #110242)
• Byzantium Parlor color palette (#F2E9FF, #862DCD, #A5003F, #00486B, #020006)
• Bronze Delta color palette (#CEE9D0, #A68000, #674600, #321C00, #020100)
• Grape Thicket color palette (#E4ECFF, #5F6DFF, #4C00DA, #2D006F, #050012)

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