Tempered Petrol color palette — #F8EAF1 · #6CABC8 · #0068B7 · #004A49 · #090A3B

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Cyan (#6CABC8): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0068B7): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#090A3B): A deep, shadowed, balanced 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 Tempered Petrol 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

• Petrol Coast color palette (#EDE0E9, #60B1B6, #00718E, #004C35, #001527)
• Sapphire Studio color palette (#F5EAED, #8BB6DD, #4669DE, #005863, #1F1640)
• Tempered Petrol color palette (#F6EDDE, #77C2E5, #006CAB, #003D43, #00020D)
• Wandering Thicket color palette (#E7EDD8, #009CD0, #004F75, #002E39, #001529)
• Ancient Orchid Delta color palette (#CEE2F1, #88AEFA, #B665EA, #006969, #001939)
• Soft Chapel color palette (#E2F1FF, #008CD9, #0057A2, #00294A, #000206)
• Timeworn Cobalt color palette (#F5EBF1, #8BCFEA, #1A8CDC, #006C67, #202C4E)
• Linen Terracotta Bloom color palette (#D1E4F4, #2590D0, #972D00, #004A71, #220500)

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