Petrol Bloom color palette — #FFF0F8 · #55AB89 · #1370A6 · #773B1C · #1E434D
Built around Slate, softened by Jade — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Jade (#55AB89): A luminous, balanced teal — the color of glacier melt.
- Slate (#1370A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#773B1C): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Teal (#1E434D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, muted, 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
- Petrol Meadow color palette (#E6FCE9, #31ABAB, #5064AE, #664800, #26414F)
- Tempered Taupe Orchard color palette (#FCF1FF, #90A05B, #00797B, #723850, #204442)
- Patina Teal Balcony color palette (#FDF0DC, #00B2B1, #21739A, #693241, #14281A)
- Muted Olive color palette (#FDF2F5, #90BBA5, #538145, #34616E, #31493D)
- Soft Alley color palette (#E9F9F6, #66A14D, #624B9F, #5A4500, #2C380B)
- Worn Aqua color palette (#E1FEE7, #28C9C8, #448FB7, #87515E, #28414B)
- Ancient Ultramarine Basin color palette (#FFDEBC, #009088, #0029E2, #512F00, #002F39)
- Softworn Driftwood color palette (#D7FBF8, #91BAC9, #748AAA, #4B6C54, #38534E)
Browse the whole catalog at Explore, or see today's palette.