Petrol Bloom color palette — #F0F6FB · #DAD7E7 · #B7B7D8 · #00688F · #040E16
Peacock and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#DAD7E7): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#B7B7D8): A luminous, dusty violet — the color of wild irises.
- Peacock (#00688F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#040E16): 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
- Denim Bloom color palette (#E7EDF3, #AAB4C0, #808EA5, #004772, #000C19)
- Tempered Cobalt Field color palette (#E1F0EB, #D9BEC5, #C9A1A5, #3A87BB, #14231E)
- Timeworn Field color palette (#F4F4FC, #E5D8E0, #E6B9C4, #8A61AC, #1D1D2A)
- Washed Aubergine color palette (#E9EBF3, #BCB7CD, #A087A9, #3B2780, #000107)
- Patina Indigo Studio color palette (#F0F5FF, #DFD8E2, #CDADA2, #4A71F2, #18253A)
- Weathered Periwinkle color palette (#A6EFFF, #8AA8E4, #97628C, #2E4411, #111F00)
- Ultramarine Harbor color palette (#D6E5FD, #1E3AF5, #1E032A, #07090F, #000106)
- Misty Mulberry Bloom color palette (#DAF9FF, #008D81, #890063, #002E07, #000201)
Browse the whole catalog at Explore, or see today's palette.