Petrol Bloom color palette — #F5F1EB · #C6E4E8 · #B090B0 · #25768A · #442E3E

Built around Teal, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C6E4E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Dusty Rose (#B090B0): A luminous, dusty pink — the color of peonies in June.
• Teal (#25768A): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#442E3E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Patina Chapel color palette (#F6F1EA, #C4E5DC, #718DC4, #006884, #26284B)
• Patina Cypress color palette (#F5F1EB, #C7E3DC, #6CA7B6, #257B69, #1B3E31)
• Quiet Denim Loft color palette (#E9E4DC, #6FA3C5, #0058A4, #003841, #020032)
• Hushed Petrol Coast color palette (#F0E8DC, #98BEA6, #00759D, #004B49, #00172B)
• Chalky Olive Pier color palette (#F4F3E3, #A6BC8A, #A68ECE, #5C7F0A, #36294B)
• Antique Pier color palette (#F1F7F2, #DADDEC, #8CB3ED, #5A8F9F, #485367)
• Rust Summit color palette (#F3F3E1, #87A873, #6990C0, #AA5F66, #292913)
• Ancient Abyss color palette (#E6DED3, #55969A, #005361, #002D24, #000509)

Browse the whole catalog at Explore, or see today's palette.