Tempered Petrol color palette — #F7EAF1 · #8EBFD5 · #006AB3 · #003E3C · #010015

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7EAF1): a clean, paper-quiet neutral.
• Sky (#8EBFD5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#006AB3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Antique Cobalt Study color palette (#FFF1F6, #A8D1F4, #5776C5, #005059, #0E002F)
• Hushed Denim color palette (#F4E4EF, #62B1B6, #005E76, #002D1E, #000103)
• Cobalt Ridge color palette (#E1E4D6, #78BAD7, #008DC6, #006A7C, #001527)
• Antique Denim Loft color palette (#FAE9DC, #4C9AB8, #004C81, #00302E, #060B3C)
• Airy Quarry color palette (#F0F2FF, #F0B8F2, #E17B86, #005AB9, #06000E)
• Washed Cypress Station color palette (#FBF2F6, #D8D4DF, #81A9DD, #007F81, #262A52)
• Airy Nightshade color palette (#D2EAFF, #4B78E8, #4300CA, #3A0066, #060008)
• Dusty Byzantium Pier color palette (#F3E7FE, #8540B2, #6B5600, #244F00, #020005)

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