Tempered Petrol color palette — #F6EBF1 · #86BACC · #006EA9 · #005049 · #162A5B

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F6EBF1): a clean, paper-quiet neutral.
• Ash (#86BACC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006EA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#162A5B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Cobalt Canyon color palette (#FCF2F6, #ABCADF, #447AB9, #005F60, #2F3662)
• Softworn Petrol Terrace color palette (#E8EBDD, #77BFD7, #00759B, #004A52, #001827)
• Ultramarine Hollow color palette (#F3E7EB, #7DA3C3, #294EB1, #003D44, #1E1348)
• Softworn Cerulean Boulevard color palette (#F1E2ED, #479EA9, #00516B, #003125, #00142B)
• Antique Quarry color palette (#F6ECE6, #86E2FF, #3DAEF6, #009285, #192C54)
• Cypress Alley color palette (#FAF3F6, #D7DFF0, #769DC4, #1B7E7A, #45536D)
• Ancient Grove color palette (#F7EEFF, #E8B1AF, #C48B45, #744898, #462E49)
• Navy Archive color palette (#EADCE2, #5A86A4, #00348A, #002224, #08002A)

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