Tempered Petrol color palette — #E1F6FF · #BDD7F2 · #A0AACC · #006776 · #041D27

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

The five colors

• Ivory (#E1F6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Powder Blue (#BDD7F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#A0AACC): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006776): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#041D27): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged scandi, muted, light, 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

• Antique Denim Summit color palette (#EBF7FF, #C1D6E6, #8DAAC6, #00647E, #1B3645)
• Muted Ultramarine color palette (#EAF3FE, #CED2EC, #B0A5C2, #2256AF, #0E1A2B)
• Aged Pier color palette (#D8E1E8, #848EA0, #696880, #002E42, #000103)
• Navy Field color palette (#E5EAF6, #B2B0C5, #95879F, #373C78, #050A19)
• Antique Summit color palette (#EFF1F9, #DED5DD, #C9B7BF, #736E9D, #292C36)
• Tempered Pewter color palette (#CBE6E4, #5F9BD3, #7B599F, #4C4900, #262400)
• Garnet Meadow color palette (#B7E9FF, #008090, #90002F, #3C2800, #160C00)
• Sunlit Moss color palette (#C9F0DB, #57AC4C, #006B59, #004362, #021C01)

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