Petrol Bloom color palette — #F1F7F2 · #8ECCD8 · #7179AC · #007B8A · #362932
A conversation between Teal and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Sky (#8ECCD8): A luminous, dusty blue — the color of open sky before noon.
- Slate (#7179AC): A full-bodied, dusty violet — the color of twilight just after sunset.
- Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#362932): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Weathered Cypress Cabin color palette (#F2F7F0, #B1C9A4, #4C82B0, #007F6D, #20322D)
- Tempered Archive color palette (#EFF3EE, #89D4C8, #A26BAC, #008478, #1E1215)
- Antique Petrol color palette (#F8F3F8, #D4B4D3, #A16696, #416DAE, #3C272A)
- Aged Chestnut color palette (#FDF4E5, #82AECB, #6C72A7, #864520, #514252)
- Patina Aubergine color palette (#DBFFEC, #A0C7E7, #6981B6, #525399, #4E367A)
- Ancient Wisteria color palette (#EEF7F8, #A4DFD2, #BF83C0, #459E8E, #2E2C37)
- Cerulean Ridge color palette (#F0F7F4, #E4DCDF, #D3C0C3, #548AA4, #4D5551)
- Linen Grape color palette (#EAF9F3, #06B0EB, #6C45C3, #005E80, #2D1221)
Browse the whole catalog at Explore, or see today's palette.