Tempered Petrol color palette — #E7F1E9 · #6DC3E6 · #006EA5 · #003D41 · #00020B

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

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Sky (#6DC3E6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Teal color palette (#DEEBE0, #5DB2B5, #005F6F, #002C23, #000103)
• Muted Sapphire color palette (#EDF9EF, #9BD3FF, #0C73F2, #004F5F, #050430)
• Weathered Plum color palette (#C7E9EC, #009473, #B40084, #004736, #040002)
• Washed Cornflower Delta color palette (#ECDAE3, #61BEDE, #1D84E4, #006F5D, #10053E)
• Wandering Periwinkle Study color palette (#EFF8F1, #D9D5E1, #5CACF3, #007D8A, #1A2F4C)
• Quiet Sky color palette (#C5F4F9, #70E3EA, #18B3F6, #006A36, #000D0C)
• Muted Boulevard color palette (#DAEFE9, #007866, #6E00CE, #663300, #000201)
• Emerald Station color palette (#E6F2E3, #00993C, #005B3C, #003126, #000706)

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