Petrol Bloom color palette — #EAF8FB · #3DB7AC · #006BA1 · #00645C · #001F34
Built around Peacock, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAF8FB): a clean, paper-quiet neutral.
- Turquoise (#3DB7AC): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006BA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00645C): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#001F34): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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
- Washed Lapis color palette (#EAF8FF, #00B4D6, #524FCB, #006074, #17183B)
- Wandering Clover color palette (#E8FAF6, #70B755, #00727B, #266600, #002225)
- Misty Loft color palette (#E4F6F6, #00C58D, #6D43E1, #006C4C, #04061D)
- Tempered Canyon color palette (#DEEFF4, #009B9E, #4139A9, #004B4D, #050B22)
- Patina Garnet Harbor color palette (#DEFFE5, #009DB5, #005FB5, #860015, #003B50)
- Petrol Lagoon color palette (#EBF7FC, #D3D9E8, #AABFD3, #007884, #2A444E)
- Pale Magenta color palette (#F2F7EA, #3ED993, #CF5EF1, #007A4C, #2C151B)
- Softworn Petrol color palette (#F2F5FB, #ABC2E3, #996C91, #4A6BAE, #302B3A)
Browse the whole catalog at Explore, or see today's palette.