Petrol Bloom color palette — #F0F7F1 · #D8DEEF · #7A9DBE · #3D7981 · #485364
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Silver (#D8DEEF): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#7A9DBE): A luminous, dusty blue — the color of open sky before noon.
- Teal (#3D7981): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#485364): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Ash Canyon color palette (#F7EFF3, #D7D1E4, #809FC4, #387777, #2C364B)
- Hushed Delta color palette (#FBF4EF, #C5DFED, #C3A6C5, #4B9495, #604B5A)
- Oat Grove color palette (#FCF1FF, #E9D5D9, #D8C99A, #9589AA, #5C4E5C)
- Hushed Aqua Chapel color palette (#E4F3E7, #5AC3CF, #00748D, #005146, #003249)
- Ancient Blush Archive color palette (#FCF1FF, #D97290, #7E944A, #557B98, #493E4D)
- Ancient Ridge color palette (#EBFAED, #6AE5E3, #008FA0, #006950, #00475B)
- Muted Blush Parlor color palette (#FAF1FF, #E891B2, #50AB99, #956074, #27555B)
- Soft Dune color palette (#DAE9DD, #4087BA, #003880, #002129, #04002C)
Browse the whole catalog at Explore, or see today's palette.