Tempered Petrol color palette — #E6F1F4 · #CADBE2 · #A4BBCA · #008189 · #213136

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#E6F1F4): a clean, paper-quiet neutral.
• Silver (#CADBE2): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A4BBCA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#213136): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Wandering Petrol color palette (#DEE7EC, #BAC6CF, #97A7B6, #006B86, #12212A)
• Ancient Teal color palette (#EAF1E9, #C7D6D6, #DBB8C5, #00A7A6, #283128)
• Obsidian Station color palette (#CAE3F4, #007DA2, #17364D, #031825, #000509)
• Aged Studio color palette (#D6EAE4, #90B082, #48814E, #30614B, #00312B)
• Antique Sapphire color palette (#EFF6FE, #D1DFF6, #B1BEDC, #1B74DF, #22344A)
• Aubergine Garden color palette (#BCE8E6, #00A3C4, #0070A8, #62277E, #002837)
• Worn Pewter Thicket color palette (#DBE7F5, #97A8CB, #7F77A6, #844B61, #552328)
• Pale Cobalt color palette (#E7F6FF, #00E5EE, #00C1EC, #008FD7, #002D3F)

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