Petrol Bloom color palette — #FFF1F1 · #BE83A4 · #918C4D · #2F819D · #553A3A
A conversation between Cerulean and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Dusty Rose (#BE83A4): A luminous, balanced pink — the color of neon signs at night.
- Moss (#918C4D): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#2F819D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#553A3A): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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 Lagoon color palette (#FFF1F7, #9D8DC7, #AD7E5B, #248875, #523A45)
- Cobalt Garden color palette (#FFF2EC, #C48578, #549B6C, #6170B8, #48413D)
- Washed Lagoon color palette (#FFEDED, #C484B0, #45A086, #358972, #342122)
- Wandering Lagoon color palette (#F4F4FF, #C0A3DB, #2FBEA2, #47A1AC, #404053)
- Raspberry Alley color palette (#FFE4DE, #C55470, #5B8000, #0064A5, #521A29)
- Softworn Balcony color palette (#FFF1F1, #E2D8D0, #A8C2A7, #9F7CA3, #604542)
- Timeworn Chestnut Courtyard color palette (#FFF2EA, #C7B4A3, #9F7562, #894A2D, #633F00)
- Aubergine Dune color palette (#F8E3CA, #996400, #007371, #7A00A5, #341F00)
Browse the whole catalog at Explore, or see today's palette.