Petrol Bloom color palette — #E2F3FB · #006C7F · #433C42 · #132341 · #000B12
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E2F3FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006C7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#433C42): quiet, heavy and certain.
- Midnight (#132341): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.
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
- Twilit Denim color palette (#D9EBF8, #005981, #322829, #161137, #000307)
- Cerulean Parlor color palette (#DDF0FA, #0088A1, #00466D, #00212F, #000203)
- Periwinkle Studio color palette (#EAF3FE, #7A9DD1, #55566A, #303944, #1C2327)
- Violet Lagoon color palette (#ECEDFF, #9168C5, #463A50, #1F1F33, #090D15)
- Softworn Ultramarine color palette (#DFECFF, #0A4CE1, #3F362F, #2E193B, #01081B)
- Soft Indigo Harbor color palette (#D8E1D7, #85B7E2, #5869D1, #00595B, #281042)
- Tempered Pine Lantern color palette (#DAECD8, #989741, #267324, #004F55, #1D1C00)
- Sapphire Loft color palette (#DEEBFE, #2470DB, #896100, #545601, #00102F)
Browse the whole catalog at Explore, or see today's palette.