Tempered Petrol color palette — #EFE6EC · #8BBBD0 · #00759D · #004D3D · #001631

Slate and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#EFE6EC): a clean, paper-quiet neutral.
• Ash (#8BBBD0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Sapphire Hollow color palette (#F2E5E9, #8DB9DA, #3163CD, #004A51, #140F32)
• Petrol Alley color palette (#E0F3F0, #6FBFCE, #00748C, #004F51, #003344)
• Muted Cornflower color palette (#FBEEF3, #A0D8FC, #387EEF, #006167, #201F46)
• Sunlit Lilac color palette (#D3F1FF, #A0D2FF, #A886E4, #00725D, #001C2D)
• Timeworn Cerulean Basin color palette (#F5F6EC, #B0F2FF, #00A2C3, #00696B, #00222F)
• Aged Azure Grove color palette (#F6F0F4, #D5D2E9, #60A5CF, #2F796C, #29374A)
• Rust Studio color palette (#CCE7F2, #008FA0, #AE4700, #00505A, #240800)
• Patina Lagoon color palette (#F9E9F4, #449998, #005361, #002E18, #00050B)

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