Tempered Petrol color palette — #E0F3F2 · #88BDE6 · #0069B7 · #003B4F · #00020C

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#E0F3F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#88BDE6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069B7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003B4F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00020C): 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

• Worn Petrol Canyon color palette (#E3F2EF, #7CC5CA, #007482, #003E3A, #000305)
• Muted Navy color palette (#E9EEE0, #5E95C3, #00498C, #002D3F, #000D3D)
• Cornflower Field color palette (#F6E7EC, #88B6DA, #4078FB, #006B75, #130935)
• Softworn Station color palette (#EBF8F8, #DBDCE7, #82A8DE, #0078A7, #1C2C52)
• Aged Boulevard color palette (#E2FCF6, #C2DCFE, #00AFB8, #007465, #002A31)
• Antique Bronze color palette (#D3E9D3, #A67F26, #694500, #331B00, #020100)
• Ancient Corridor color palette (#F9E0E2, #BD0C4A, #765000, #5D0094, #040001)
• Chalky Raspberry color palette (#F0DCF4, #D14268, #6F6A00, #73002C, #010100)

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