Petrol Bloom color palette — #F1F7F2 · #D0DCDE · #C0ADB7 · #007180 · #2E3F34
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D0DCDE): a clean, paper-quiet neutral.
- Rosewood Mist (#C0ADB7): A luminous, dusty pink — the color of neon signs at night.
- Teal (#007180): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#2E3F34): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Muted Thicket color palette (#F8F3F8, #E1D6D5, #C3ADAF, #3662A9, #423641)
- Cypress Hollow color palette (#F3F6EF, #D2DCD9, #A6B8B1, #007653, #2F4200)
- Aged Cerulean Hollow color palette (#F0F7F3, #CADEE0, #D3C0D3, #408C9F, #313E36)
- Hushed Thicket color palette (#ECF3F7, #D3D5DF, #A5B9D2, #1E6F82, #182227)
- Aged Chestnut color palette (#D6EBD8, #99B09B, #498291, #6A5104, #284E2B)
- Timeworn Abyss color palette (#D7E3DC, #C0B5BF, #A28591, #004D5F, #13231B)
- Patina Canyon color palette (#FBF4E6, #9D9E76, #007557, #0B526C, #36362F)
- Cerulean Basin color palette (#F9F3F8, #E0D8D7, #ACADA0, #6F82A9, #585056)
Browse the whole catalog at Explore, or see today's palette.