Petrol Bloom color palette — #F0E7E3 · #98BEA4 · #00749F · #004D3F · #001532
Built around Slate, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#F0E7E3): a clean, paper-quiet neutral.
- Sage (#98BEA4): A luminous, dusty teal — the color of sea glass.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Cobalt Villa color palette (#FAF0E9, #AED1BE, #2E82BE, #005C55, #111E41)
- Petrol Basin color palette (#EEEFE7, #7EBDCA, #00748D, #004F52, #003345)
- Denim Boulevard color palette (#F7EBE2, #76A3BC, #19579F, #00393A, #07012E)
- Weathered Cerulean Studio color palette (#ECF8F6, #C3E5FF, #00A2C3, #00696B, #00222F)
- Denim Grove color palette (#FDE0F3, #D5C0EC, #DA84A7, #005D94, #190C33)
- Abyss Pier color palette (#EFE5DF, #749474, #005262, #002E19, #00050B)
- Navy Field color palette (#F2E6DE, #47819B, #003C6E, #001F1F, #00000C)
- Cypress Cabin color palette (#F7F0ED, #C8E4E2, #78A898, #007C6F, #432E41)
Browse the whole catalog at Explore, or see today's palette.