Tempered Petrol color palette — #E9EFF5 · #CED8E8 · #B0B6CF · #007BAB · #1F303C

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9EFF5): a clean, paper-quiet neutral.
• Silver (#CED8E8): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#B0B6CF): A luminous, dusty violet — the color of wild irises.
• Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#1F303C): 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

• Cobalt Corridor color palette (#F0F7F4, #E2D3D0, #CFB3A4, #2A7FA8, #14221C)
• Washed Azure Villa color palette (#E7F0F7, #D0D1E1, #BAB7D7, #449AD6, #21303C)
• Timeworn Denim color palette (#E7EFF8, #BFC4D1, #A3A1BB, #235FAD, #17202B)
• Softworn Field color palette (#F2F5FE, #DEDBF4, #C5B8D1, #7765C6, #2C3149)
• Tempered Driftwood color palette (#D5E2EB, #96AACA, #916E99, #416A5C, #193C1B)
• Chalky Brick Coast color palette (#CEE4F9, #008ED8, #AB2E41, #514100, #1A2400)
• Sunlit Quarry color palette (#C8E7D4, #00A0D3, #6759B2, #544800, #092541)
• Antique Harbor color palette (#E1EDFF, #3A68DB, #392A50, #08162B, #00050C)

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