Tempered Petrol Atelier color palette — #EBF4F3 · #C2E0FD · #6790C3 · #00678C · #1E2D41

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

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Powder Blue (#C2E0FD): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6790C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00678C): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1E2D41): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Tempered Petrol Atelier 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

• Muted Cerulean color palette (#ECF4F2, #BEE4EF, #2A9EAC, #006D64, #10303E)
• Frosted Alley color palette (#E5F6F5, #A7D6FA, #0085E4, #005E7B, #06234D)
• Washed Alley color palette (#D7E7E4, #67A8B6, #006279, #00393B, #000D15)
• Aged Cerulean Coast color palette (#FAF4ED, #B7E9DA, #7489BB, #276D77, #5B3D4E)
• Softworn Quarry color palette (#D8E9E7, #4D8098, #004060, #001E26, #000104)
• Hushed Delta color palette (#E4F6F3, #64CDDC, #007F96, #005151, #001E28)
• Powder Bloom color palette (#FAF3F5, #D9D4DE, #9CB9FF, #2891A0, #373E58)
• Pale Hollow color palette (#E2F5FF, #009EBA, #746DDE, #387B4B, #0A212B)

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