Tempered Petrol Boulevard color palette — #ECF4F1 · #CAD9DC · #C1B1C0 · #006C9D · #15241F

A conversation between Peacock and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#CAD9DC): a clean, paper-quiet neutral.
• Ash (#C1B1C0): A luminous, dusty pink — the color of peonies in June.
• Peacock (#006C9D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#15241F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Petrol Meadow color palette (#EFF6FB, #D8D8E4, #ABB2CD, #106D90, #323C43)
• Dusty Cerulean Station color palette (#F0F7F4, #E0D4D1, #A7A89D, #0096CA, #24322C)
• Antique Navy color palette (#E3EEEB, #BBAEBA, #9B8696, #004579, #000E0B)
• Muted Lapis color palette (#F8EFF4, #E4CCD7, #C3A0AD, #5140C1, #291020)
• Antique Cypress Corridor color palette (#EEF5E5, #92A882, #00756B, #005156, #102202)
• Worn Ridge color palette (#FAEEF1, #E4D2CC, #DBB4B6, #8D47A9, #351D24)
• Cellar Workshop color palette (#F5E2F3, #3E61AD, #331C2C, #180416, #040105)
• Muted Balcony color palette (#F5D6DF, #BD9DA1, #896564, #77411D, #392508)

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