Petrol Bloom color palette — #EDF6FF · #D7D8E6 · #AFBDD2 · #0870AC · #2F4252
Built around Slate, softened by Charcoal — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF6FF): bright and airy, almost weightless.
- Silver (#D7D8E6): a clean, paper-quiet neutral.
- Ash (#AFBDD2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0870AC): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#2F4252): 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 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
- Softworn Basin color palette (#F3F5FC, #DBD8DF, #C5BBC8, #726F97, #454750)
- Tempered Petrol color palette (#EDF3F7, #D6D5E0, #B7BDDD, #0073A4, #142735)
- Muted Field color palette (#E8EFF8, #C3CDDC, #96A0B7, #1B5597, #242F3B)
- Cobalt Alley color palette (#EDF8F4, #E9DADD, #E0BAB9, #0090CD, #30453D)
- Aged Aubergine Archive color palette (#E1E3EB, #A8A7B7, #807A99, #41246B, #101128)
- Tempered Aubergine color palette (#F4F4FE, #D2D0E4, #AAA1BF, #75389C, #313045)
- Violet Chapel color palette (#EFF6FF, #97CCFF, #86ABFF, #7B57E7, #23316C)
- Wandering Field color palette (#E3E8FF, #AB9ED4, #8A7197, #834D4E, #663F05)
Browse the whole catalog at Explore, or see today's palette.