Tempered Petrol Bloom color palette — #CEE4EA · #4F60A7 · #672E58 · #062C01 · #010D00

Slate takes the lead with Mulberry close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#CEE4EA): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#4F60A7): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#672E58): A deep, shadowed, balanced pink — the color of neon signs at night.
• Deep Forest (#062C01): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#010D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Grape color palette (#DDECFB, #7C519F, #6E2527, #002617, #000C05)
• Patina Petrol color palette (#D2F5EF, #0C73A8, #4E3A64, #2F1B00, #130800)
• Iris Harbor color palette (#D9E5FF, #9587D5, #724972, #392800, #050600)
• Hushed Abyss Courtyard color palette (#DAE9F1, #7481B8, #784F7F, #224700, #002817)
• Muted Canyon color palette (#FAEDDF, #3690D3, #323C97, #002B2C, #070015)
• Aged Plum color palette (#EEECFB, #A95673, #6E4923, #003A42, #001507)
• Ash Station color palette (#EBEEFF, #C081A9, #825849, #00483F, #002520)
• Velvet Aubergine color palette (#E5DDF3, #6200A5, #004B28, #00312D, #020006)

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