Petrol Bloom color palette — #E9F5ED · #C4DCDF · #CCB8C6 · #00788C · #162A1E
Teal and Onyx set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E9F5ED): a clean, paper-quiet neutral.
- Silver (#C4DCDF): A whisper-light, dusty blue — the color of open sky before noon.
- Stone (#CCB8C6): A luminous, dusty pink — the color of peonies in June.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#162A1E): 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
- Weathered Cypress color palette (#EFF4E9, #CADAD5, #AAC7B8, #137E5D, #212817)
- Washed Hollow color palette (#F6F0F5, #E3D4D4, #C7B9B6, #5776A5, #312930)
- Denim Field color palette (#E3EBE7, #D3C7D3, #B19DA8, #005E79, #0B1913)
- Cerulean Study color palette (#EDF7FC, #D6D9EA, #C1BCD9, #0096AE, #30434C)
- Wandering Nightshade color palette (#F9EEF5, #E7CBD4, #CC9EA0, #4D4DA7, #24141F)
- Muted Lantern color palette (#B3F6F7, #82B0D9, #7870A4, #575109, #1F3100)
- Cypress Lantern color palette (#F7F2DD, #89B586, #007E61, #005666, #032904)
- Twilit Station color palette (#CCF5E9, #0070B2, #3D1D32, #00150F, #000502)
Browse the whole catalog at Explore, or see today's palette.