Petrol Bloom color palette — #EDF9EF · #74BEC5 · #9F9C5A · #00828B · #4F4D46
Teal and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Mint Leaf (#74BEC5): A luminous, dusty blue — the color of open sky before noon.
- Moss (#9F9C5A): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#00828B): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#4F4D46): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Pine Hollow color palette (#F4F7ED, #8EBD9B, #C38A61, #2A8650, #524C47)
- Weathered Terrace color palette (#EAF9F4, #89BCAC, #BE82AB, #0079B9, #694042)
- Marigold Orchard color palette (#E9F8FC, #8CD4CC, #E3A256, #3D9E95, #64414D)
- Dusty Field color palette (#E9F6EC, #66C3D4, #D67F87, #008091, #432A22)
- Cerulean Quarry color palette (#E8FBEF, #C5E2E3, #BEC5EF, #4999A3, #40544A)
- Antique Olive Hollow color palette (#EAFBEB, #52A7AC, #7188BF, #57853A, #334936)
- Ancient Terrace color palette (#E0FEED, #A5CEB6, #3B8DA6, #00596B, #003E4D)
- Softworn Coast color palette (#E7F9FF, #81E8F2, #CECB87, #69B7BF, #325646)
Browse the whole catalog at Explore, or see today's palette.