Tempered Petrol Bloom color palette — #EFF6FC · #DBD8EC · #B6BAD7 · #0071A8 · #34424D
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#DBD8EC): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#B6BAD7): A luminous, dusty violet — the color of a velvet chair.
- Slate (#0071A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#34424D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Lapis color palette (#F2F5FF, #E2D5E4, #C3B6D0, #6956BC, #3B3F4F)
- Tempered Petrol color palette (#E7F6F2, #F4D7DF, #D2B5CB, #3B6FA0, #192925)
- Denim Cabin color palette (#EAEFF5, #C5CCDD, #9D9DBD, #005699, #242F3A)
- Driftwood Pier color palette (#F5F4FB, #E0D8DD, #B7AAA1, #817CA3, #525257)
- Timeworn Aubergine color palette (#E3E5ED, #AAA6BB, #897795, #3F1E77, #101224)
- Muted Driftwood color palette (#DAF1FF, #94A5DF, #9F65A8, #506A31, #005749)
- Tempered Periwinkle Quarry color palette (#ECF8F4, #EBDBDF, #DFBFC1, #57ACED, #32443F)
- Olive Loft color palette (#FFF1F5, #B4A360, #5E7400, #3F4E7F, #224330)
Browse the whole catalog at Explore, or see today's palette.