Petrol Bloom color palette — #EBFAEB · #009C9D · #1F689E · #4D3C75 · #1F4124
Peacock and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBFAEB): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#009C9D): A luminous, balanced teal — the color of glacier melt.
- Peacock (#1F689E): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#4D3C75): A full-bodied, balanced violet — the color of wild irises.
- Forest (#1F4124): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Faded Emerald Loft color palette (#F1F9E6, #00A16E, #007080, #2C4778, #383C06)
- Ancient Delta color palette (#ECF9F1, #00A8CC, #5F6CA4, #674668, #35492B)
- Petrol Dune color palette (#ECF5E8, #41A090, #46639F, #602C4A, #2D1900)
- Patina Cerulean color palette (#F4F6EE, #AFE6FE, #4F93B8, #236D7B, #2B5046)
- Aged Canyon color palette (#CDF3D8, #007C8D, #0031C5, #4F0066, #002C20)
- Dusty Cypress color palette (#F3F7EB, #7AC0A7, #2D8375, #585B54, #40443D)
- Hushed Teal Harbor color palette (#E6F9FD, #34BCA9, #677FB4, #864466, #4C3206)
- Seafoam Loft color palette (#E9FBE6, #54F2C6, #00CFC9, #1CA1B3, #2B462D)
Browse the whole catalog at Explore, or see today's palette.