Petrol Bloom color palette — #F2E6E1 · #9FBCA3 · #007695 · #004D37 · #00172B
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F2E6E1): bright and airy, almost weightless.
- Sage (#9FBCA3): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Washed Cobalt Meadow color palette (#F1E7E0, #89BBD5, #2A6CB4, #004B4B, #0D0B40)
- Hushed Cerulean Garden color palette (#FAEFEA, #AFD1BB, #3A84AE, #005D50, #061F44)
- Softworn Cerulean Terrace color palette (#EBF9F6, #C7E0FC, #00A4B8, #006A64, #00232C)
- Ancient Nightshade color palette (#E7DDD3, #688EB2, #2436AB, #002B31, #050018)
- Weathered Ridge color palette (#F4E8E2, #5C826D, #003F63, #00201C, #00000B)
- Garnet Atelier color palette (#F9E2D8, #BE5F54, #007983, #880408, #001618)
- Weathered Cypress Orchard color palette (#F7F0ED, #C8E5E0, #6AA5C2, #0B7D66, #432D45)
- Softworn Rust Delta color palette (#FFEADD, #AA4923, #006C70, #00546D, #1A0300)
Browse the whole catalog at Explore, or see today's palette.