Petrol Bloom color palette — #EBF8F8 · #BFD7F0 · #6798D7 · #0075A1 · #283A5E
Slate and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EBF8F8): bright and airy, almost weightless.
- Powder Blue (#BFD7F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#6798D7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0075A1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#283A5E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Archive color palette (#F3F7EE, #DAD5DF, #77A8EC, #26779E, #3E233B)
- Worn Turquoise Boulevard color palette (#ECF8F6, #B9DBE8, #02A7C0, #007C79, #004252)
- Softworn Bloom color palette (#D5E6FF, #7294D7, #BB62B7, #00898B, #172B49)
- Petrol Corridor color palette (#DBEFED, #63AEC4, #007092, #004950, #001623)
- Timeworn Cobalt Dune color palette (#CDEEFF, #5FB9EE, #008FDE, #005A9E, #143666)
- Wandering Cobalt Courtyard color palette (#FDF2F5, #A2CAED, #5472CB, #005E6A, #323955)
- Washed Cerulean color palette (#EFF7F7, #D8DBEA, #95B5D7, #4D90AD, #3F546F)
- Soft Studio color palette (#E3F0FF, #6FACEE, #D66CA1, #0073CC, #54203B)
Browse the whole catalog at Explore, or see today's palette.