Tempered Petrol Boulevard color palette — #ECF4F1 · #DED0CE · #C9B4B7 · #4C7B99 · #252F2B

Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DED0CE): bright and airy, almost weightless.
• Rosewood Mist (#C9B4B7): A luminous, dusty red — the color of embers at dusk.
• Slate (#4C7B99): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#252F2B): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Ancient Corridor color palette (#EFF6FC, #DBD9E3, #C7BBCD, #487C93, #40494F)
• Indigo Courtyard color palette (#F8EFF3, #EAD1CC, #E0B1B6, #6E5DA5, #301F28)
• Chestnut Chapel color palette (#F5E3F6, #D4ABC5, #93779B, #7C500E, #35332C)
• Softworn Olive color palette (#F8F1E6, #C2B28C, #707C40, #365F4A, #2E2612)
• Ash Pier color palette (#F0F7F4, #DED4D2, #A5A095, #73A6BE, #38423D)
• Washed Cobalt Ridge color palette (#EBDEE9, #4D6FC8, #312B4D, #1D111B, #030806)
• Ancient Navy color palette (#E0F0EB, #A99BA6, #956E83, #003863, #000604)
• Dusty Aubergine color palette (#EFE6E9, #DAC5C9, #C39797, #64418A, #201017)

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