Tempered Petrol color palette — #CCECF6 · #006D89 · #003F58 · #002033 · #000610

Peacock takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CCECF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003F58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002033): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000610): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Weathered Cerulean color palette (#C0E9F7, #0086B0, #00597E, #00385A, #00152B)
• Aged Station color palette (#E0F1FF, #006194, #800066, #002D48, #090005)
• Sapphire Corridor color palette (#DAEBFF, #006CC3, #003569, #000D24, #000104)
• Muted Station color palette (#D4E8FE, #809AD3, #7170BD, #003E5B, #000520)
• Obsidian Navy color palette (#DBECFF, #004BB2, #00118F, #060040, #01000B)
• Cerulean Studio color palette (#E7F4FF, #8AB6E2, #5E85B6, #415986, #23314C)
• Fern Lantern color palette (#D7EBDF, #686500, #3F3600, #201700, #020200)
• Wandering Nightshade Loft color palette (#E0E6FB, #787BDE, #533DAE, #401D7C, #1D0335)

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